versoly-ui 2.2.0 → 2.3.0

package/.oxfmtrc.json

@@ -0,0 +1,3 @@
+{
+  "printWidth": 120
+}

package/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["oxc.oxc-vscode"]
+}

package/.vscode/launch.json

@@ -11,7 +11,7 @@
       "program": "${file}",
       "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/tsx",
       "cwd": "${workspaceRoot}",
-      "skipFiles": ["<node_internals>/**", "node_modules/**"],
+      "skipFiles": ["<node_internals>/**", "node_modules/**"]
     },
     {
       "name": "Debug Current Test File",
@@ -22,7 +22,7 @@
       "args": ["run", "${relativeFile}"],
       "smartStep": true,
       "console": "integratedTerminal",
-      "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
-    },
-  ],
+      "skipFiles": ["<node_internals>/**", "**/node_modules/**"]
+    }
+  ]
 }

package/.vscode/settings.json

@@ -0,0 +1,23 @@
+{
+  "oxc.typeAware": true,
+  "oxc.fmt.configPath": ".oxfmtrc.json",
+  "prettier.enable": false,
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.oxc": "always",
+    "source.fixAll.prettier": "never"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  }
+}

package/dist/versoly-ui.cjs

@@ -0,0 +1,12 @@
+const e=e=>document.querySelector(e),t=(e,t=document)=>Array.from(t.querySelectorAll(e)),n=t=>{let n=t.dataset.target;return n?e(n):null},r=e=>{let t=window.getComputedStyle(e).getPropertyValue(`transition-duration`);return t?parseFloat(t.replace(`s`,``))*1e3+1:0},i=e=>e.getAttribute(`aria-expanded`)===`true`,a=(e,t,n)=>{t.forEach(t=>{e.addEventListener(t,n)})},o=e=>{document.addEventListener(`keydown`,t=>{t.key===`Escape`&&e()})},s=(e,n,r)=>()=>t(e).forEach(e=>{e.addEventListener(n,()=>r(e))}),c=()=>{window.addEventListener(`resize`,()=>{t(`[data-toggle="collapse"]`).forEach(e=>{let t=n(e);t&&(e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),t.classList.remove(`block`),t.style.height=`auto`,t.style.overflow=``)})})},l=t=>new Promise(n=>{if(e(t))return n(e(t));let r=new MutationObserver(()=>{e(t)&&(n(e(t)),r.disconnect())});r.observe(document.body,{childList:!0,subtree:!0})}),u=e=>{let t=e.dataset.options;if(!t)return{};try{return JSON.parse(t.replaceAll(`'`,`"`))}catch{return{}}},d=e=>t(`[data-toggle="${e}"]`),f=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),t.classList.remove(`hidden`),window.setTimeout(()=>{t.style.height=`${t.scrollHeight}px`},33),window.setTimeout(()=>{t.style.overflow=`clip`},n)},p=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>{t.classList.remove(`block`),t.classList.add(`hidden`)},n)},m=e=>{let{min:n,max:o}={min:0,max:null,...u(e)},s=o===null,c=t(`.accordion-item [aria-expanded]`,e).reduce((e,t)=>{let n=t.closest(`.accordion-item`),r=n?.querySelector(`.accordion-collapse`);return n&&r instanceof HTMLElement&&e.push({trigger:t,target:r}),e},[]),l=()=>c.filter(({trigger:e})=>i(e)).length,d=({trigger:e,target:t})=>{let a=i(e),o=r(t);s===!1&&l()===n&&a||(a||f(e,t,o),s===!1?c.forEach(t=>{!a&&t.trigger===e||p(t.trigger,t.target,o)}):a&&p(e,t,o))};c.forEach(e=>{a(e.trigger,[`click`],()=>d(e))}),n===1&&l()===0&&c.length>0&&c[0].trigger.click()},h=()=>{t(`.accordion-header[data-toggle=accordion]`).forEach(e=>{let t=e.closest(`.accordion`);if(t){t.setAttribute(`data-toggle`,`accordion`),e.hasAttribute(`data-parent`)&&!t.hasAttribute(`data-options`)&&t.setAttribute(`data-options`,`{'min': 1, 'max': 1}`);return}e.removeAttribute(`data-toggle`)}),d(`accordion`).forEach(m)},g=s(`[data-dismiss]`,`click`,e=>{let t=n(e);t||=e.closest(`.${e.getAttribute(`data-dismiss`)}`),t&&(t.classList.add(`opacity-0`),setTimeout(()=>t.remove(),r(t)))}),_=s(`[data-toggle="collapse"]`,`click`,e=>{let t=n(e);if(!t)return;let a=r(t);if(t.style.overflow=`hidden`,t.style.height=`0px`,i(e)){e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),setTimeout(()=>t.classList.remove(`block`),a);return}e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),setTimeout(()=>{t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.add(`hidden`));let e=t.scrollHeight;t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.remove(`hidden`)),t.style.height=`${e}px`},32),setTimeout(()=>t.style.overflow=``,a)}),v=e=>{let{computePosition:t,shift:n,offset:r}=window.FloatingUIDOM,i=e.nextElementSibling,s=e.parentElement;if(!i||!s||!(i instanceof HTMLElement)||!(s instanceof HTMLElement))return;let c=u(e),l=[r(6),n({padding:5})];function d(){t(e,i,{placement:c.placement||`bottom`,middleware:l}).then(({x:e,y:t})=>{Object.assign(i.style,{left:`${e}px`,top:`${t}px`})})}let f=()=>{i.style.display=`block`,e.setAttribute(`aria-expanded`,`true`),window.requestAnimationFrame(()=>{i.classList.add(`opacity-100`,`visible`)}),d()},p=()=>{i.style.display=``,e.setAttribute(`aria-expanded`,`false`),i.classList.remove(`opacity-100`,`visible`)};s.addEventListener(`focusout`,e=>{let t=!e.relatedTarget,n=e.relatedTarget&&!s.contains(e.relatedTarget);(t||n)&&document.hasFocus()&&p()}),a(e,[`click`],()=>{if(i.style.display===`block`){p();return}f()}),o(p)},y=()=>d(`dropdown`).forEach(v),b={closeButton:`fixed right-0 top-0 z-50 text-white px-5 close`},x=async e=>{let{size:t,beforeShown:n,id:r,imgSrc:i,iframeSrc:a}={id:`v-modal`,size:void 0,beforeShown:void 0,imgSrc:void 0,iframeSrc:void 0,...u(e)},s=e.dataset.html||``;i&&(s=`<img src="${i}">`),a&&(s=`<iframe allow="autoplay" class="aspect-video w-full" src="${a}" allowfullscreen="" autoplay=""></iframe>`);let c=`<div class="modal" id="${r}">
+  <div class="modal-content ${t?`modal-${t}`:``}">
+    ${s}
+  </div>
+  
+  <button class="${b.closeButton}" onclick="removeModal('${r}')" type="button" data-dismiss="modal" aria-label="Close">
+    <span class="text-4xl" aria-hidden="true">&times;</span>
+  </button>
+
+  <div class="modal-bg" onclick="removeModal('${r}')"></div>
+</div>
+`;o(()=>window.removeModal(r)),document.body.style.overflow=`hidden`,document.body.insertAdjacentHTML(`beforeend`,c),await l(`#${r}`).then(e=>{n&&window[n](),window.setTimeout(()=>e.classList.add(`opacity-100`),32)})},S=(e=`v-modal`)=>{let t=document.getElementById(e);t&&(t.classList.remove(`opacity-100`),window.setTimeout(()=>{t.remove(),document.body.style.overflow=``},500))};window.removeModal=S;const C=s(`[data-toggle="modal"]`,`click`,x),w=s(`[role="tab"]`,`click`,t=>{if(t.getAttribute(`aria-selected`)===`true`)return null;let n=e(`[aria-labelledby="${t.getAttribute(`aria-controls`)}"]`);if(!n)return null;let r=t.classList.value,i=t.parentNode;for(;i&&(!(i instanceof HTMLElement)||i.getAttribute(`role`)!==`tablist`);)i=i.parentNode;if(!(i instanceof HTMLElement))return null;let a=i.querySelectorAll(`[aria-selected="true"]`);if(!a||a.length===0)return null;let o=a[0].classList.value;if(i.querySelectorAll(`[role="tab"]`).forEach(e=>{e.classList=r,e.setAttribute(`aria-selected`,`false`)}),t.classList=o,t.setAttribute(`aria-selected`,`true`),n.getAttribute(`role`)===`tabcontent`){Array.from(n.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.remove(`hidden`)});return}if(!n.parentNode)return null;Array.from(n.parentNode.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.add(`hidden`)}),n.classList.remove(`hidden`)});(function(){window.vInitialized=!1,window.initializeVUI=()=>{window.vInitialized||(window.vInitialized=!0,h(),_(),g(),y(),C(),w(),c())},document.addEventListener(`DOMContentLoaded`,window.initializeVUI),document.readyState!==`loading`&&window.initializeVUI()})();

package/dist/versoly-ui.iife.js

@@ -1,12 +1,12 @@
-(function(){let e=e=>document.querySelector(e),t=(e,t=document)=>Array.from(t.querySelectorAll(e)),n=t=>{let n=t.dataset.target;return n?e(n):null},r=e=>{let t=window.getComputedStyle(e).getPropertyValue(`transition-duration`);return t?parseInt(t.replace(`s`,``))*1e3+1:0},i=e=>e.getAttribute(`aria-expanded`)===`true`,a=(e,t,n)=>{t.forEach(t=>{e.addEventListener(t,n)})},o=e=>{document.addEventListener(`keydown`,t=>{t.key===`Escape`&&e()})},s=(e,n,r)=>()=>t(e).forEach(e=>{e.addEventListener(n,()=>r(e))}),c=()=>window.addEventListener(`resize`,()=>{t(`[data-toggle="collapse"]`).forEach(e=>{let t=n(e);t&&(e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),t.classList.remove(`block`),t.style.height=`auto`,t.style.overflow=``)})}),l=t=>new Promise(n=>{if(e(t))return n(e(t));let r=new MutationObserver(()=>{e(t)&&(n(e(t)),r.disconnect())});r.observe(document.body,{childList:!0,subtree:!0})}),u=e=>{let t=e.dataset.options;if(!t)return{};try{return JSON.parse(t.replaceAll(`'`,`"`))}catch(e){return{}}},d=e=>{let n=`[data-toggle="${e}"]`;return t(n)};function f(e){"@babel/helpers - typeof";return f=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?g(Object(n),!0).forEach(function(t){h(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}let v=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),t.classList.remove(`hidden`),window.setTimeout(()=>{t.style.height=`${t.scrollHeight}px`},33),window.setTimeout(()=>{t.style.overflow=``},n)},y=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>{t.classList.remove(`block`),t.classList.add(`hidden`)},n)},b=e=>{let{min:n,max:o}=_({min:0,max:null},u(e)),s=o===null,c=t(`.accordion-item [aria-expanded]`,e).reduce((e,t)=>{let n=t.closest(`.accordion-item`),r=n==null?void 0:n.querySelector(`.accordion-collapse`);return n&&r instanceof HTMLElement&&e.push({trigger:t,target:r}),e},[]),l=()=>c.filter(({trigger:e})=>i(e)).length,d=({trigger:e,target:t})=>{let a=i(e),o=r(t);s===!1&&l()===n&&a||(a||v(e,t,o),s===!1?c.forEach(t=>{!a&&t.trigger===e||y(t.trigger,t.target,o)}):a&&y(e,t,o))};c.forEach(e=>{a(e.trigger,[`click`],()=>d(e))}),n===1&&l()===0&&c.length>0&&c[0].trigger.click()},x=()=>{t(`.accordion-header[data-toggle=accordion]`).forEach(e=>{console.log(e);let t=e.closest(`.accordion`);if(t){t.setAttribute(`data-toggle`,`accordion`),e.hasAttribute(`data-parent`)&&!t.hasAttribute(`data-options`)&&t.setAttribute(`data-options`,`{'min': 1, 'max': 1}`);return}e.removeAttribute(`data-toggle`)}),d(`accordion`).forEach(b)},S=s(`[data-dismiss]`,`click`,e=>{let t=n(e);t||(t=e.closest(`.${e.getAttribute(`data-dismiss`)}`)),t&&(t.classList.add(`opacity-0`),setTimeout(()=>t.remove(),r(t)))}),C=s(`[data-toggle="collapse"]`,`click`,e=>{let t=n(e);if(!t)return;let i=r(t);if(t.style.overflow=`hidden`,t.style.height=`0px`,e.getAttribute(`aria-expanded`)===`true`){e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>t.classList.remove(`block`),i);return}e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),window.setTimeout(()=>{t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.add(`hidden`));let e=t.scrollHeight;t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.remove(`hidden`)),t.style.height=`${e}px`},32),window.setTimeout(()=>t.style.overflow=``,i)}),w=e=>{let{computePosition:t,shift:n,offset:r}=window.FloatingUIDOM,i=e.nextElementSibling,s=e.parentElement;if(!i||!s||!(i instanceof HTMLElement)||!(s instanceof HTMLElement))return;let c=u(e),l=[r(6),n({padding:5})];function d(){t(e,i,{placement:c.placement||`bottom`,middleware:l}).then(({x:e,y:t})=>{Object.assign(i.style,{left:`${e}px`,top:`${t}px`})})}let f=()=>{i.style.display=`block`,window.requestAnimationFrame(()=>{i.classList.add(`opacity-100`,`visible`)}),d()},p=()=>{i.style.display=``,i.classList.remove(`opacity-100`,`visible`)};s.addEventListener(`focusout`,e=>{e!=null&&e.relatedTarget&&(s.contains(e.relatedTarget)||!document.hasFocus()||p())}),a(e,[`click`],()=>{if(i.style.display===`block`){p();return}f()}),o(p)},T=()=>d(`dropdown`).forEach(w),E={closeButton:`fixed right-0 top-0 z-50 text-white px-5 close`},D=e=>{let{size:t,beforeShown:n,id:r,imgSrc:i,iframeSrc:a}=_({id:`v-modal`,size:void 0,beforeShown:void 0,imgSrc:void 0,iframeSrc:void 0},u(e)),s=e.dataset.html||``;i&&(s=`<img src="${i}">`),a&&(s=`<iframe allow="autoplay" class="aspect-video w-full" src="${a}" allowfullscreen="" autoplay=""></iframe>`);let c=`<div class="modal" id="${r}">
+(function(){let e=e=>document.querySelector(e),t=(e,t=document)=>Array.from(t.querySelectorAll(e)),n=t=>{let n=t.dataset.target;return n?e(n):null},r=e=>{let t=window.getComputedStyle(e).getPropertyValue(`transition-duration`);return t?parseFloat(t.replace(`s`,``))*1e3+1:0},i=e=>e.getAttribute(`aria-expanded`)===`true`,a=(e,t,n)=>{t.forEach(t=>{e.addEventListener(t,n)})},o=e=>{document.addEventListener(`keydown`,t=>{t.key===`Escape`&&e()})},s=(e,n,r)=>()=>t(e).forEach(e=>{e.addEventListener(n,()=>r(e))}),c=()=>{window.addEventListener(`resize`,()=>{t(`[data-toggle="collapse"]`).forEach(e=>{let t=n(e);t&&(e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),t.classList.remove(`block`),t.style.height=`auto`,t.style.overflow=``)})})},l=t=>new Promise(n=>{if(e(t))return n(e(t));let r=new MutationObserver(()=>{e(t)&&(n(e(t)),r.disconnect())});r.observe(document.body,{childList:!0,subtree:!0})}),u=e=>{let t=e.dataset.options;if(!t)return{};try{return JSON.parse(t.replaceAll(`'`,`"`))}catch{return{}}},d=e=>t(`[data-toggle="${e}"]`),f=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),t.classList.remove(`hidden`),window.setTimeout(()=>{t.style.height=`${t.scrollHeight}px`},33),window.setTimeout(()=>{t.style.overflow=`clip`},n)},p=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>{t.classList.remove(`block`),t.classList.add(`hidden`)},n)},m=e=>{let{min:n,max:o}={min:0,max:null,...u(e)},s=o===null,c=t(`.accordion-item [aria-expanded]`,e).reduce((e,t)=>{let n=t.closest(`.accordion-item`),r=n?.querySelector(`.accordion-collapse`);return n&&r instanceof HTMLElement&&e.push({trigger:t,target:r}),e},[]),l=()=>c.filter(({trigger:e})=>i(e)).length,d=({trigger:e,target:t})=>{let a=i(e),o=r(t);s===!1&&l()===n&&a||(a||f(e,t,o),s===!1?c.forEach(t=>{!a&&t.trigger===e||p(t.trigger,t.target,o)}):a&&p(e,t,o))};c.forEach(e=>{a(e.trigger,[`click`],()=>d(e))}),n===1&&l()===0&&c.length>0&&c[0].trigger.click()},h=()=>{t(`.accordion-header[data-toggle=accordion]`).forEach(e=>{let t=e.closest(`.accordion`);if(t){t.setAttribute(`data-toggle`,`accordion`),e.hasAttribute(`data-parent`)&&!t.hasAttribute(`data-options`)&&t.setAttribute(`data-options`,`{'min': 1, 'max': 1}`);return}e.removeAttribute(`data-toggle`)}),d(`accordion`).forEach(m)},g=s(`[data-dismiss]`,`click`,e=>{let t=n(e);t||=e.closest(`.${e.getAttribute(`data-dismiss`)}`),t&&(t.classList.add(`opacity-0`),setTimeout(()=>t.remove(),r(t)))}),_=s(`[data-toggle="collapse"]`,`click`,e=>{let t=n(e);if(!t)return;let a=r(t);if(t.style.overflow=`hidden`,t.style.height=`0px`,i(e)){e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),setTimeout(()=>t.classList.remove(`block`),a);return}e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),setTimeout(()=>{t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.add(`hidden`));let e=t.scrollHeight;t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.remove(`hidden`)),t.style.height=`${e}px`},32),setTimeout(()=>t.style.overflow=``,a)}),v=e=>{let{computePosition:t,shift:n,offset:r}=window.FloatingUIDOM,i=e.nextElementSibling,s=e.parentElement;if(!i||!s||!(i instanceof HTMLElement)||!(s instanceof HTMLElement))return;let c=u(e),l=[r(6),n({padding:5})];function d(){t(e,i,{placement:c.placement||`bottom`,middleware:l}).then(({x:e,y:t})=>{Object.assign(i.style,{left:`${e}px`,top:`${t}px`})})}let f=()=>{i.style.display=`block`,e.setAttribute(`aria-expanded`,`true`),window.requestAnimationFrame(()=>{i.classList.add(`opacity-100`,`visible`)}),d()},p=()=>{i.style.display=``,e.setAttribute(`aria-expanded`,`false`),i.classList.remove(`opacity-100`,`visible`)};s.addEventListener(`focusout`,e=>{let t=!e.relatedTarget,n=e.relatedTarget&&!s.contains(e.relatedTarget);(t||n)&&document.hasFocus()&&p()}),a(e,[`click`],()=>{if(i.style.display===`block`){p();return}f()}),o(p)},y=()=>d(`dropdown`).forEach(v),b={closeButton:`fixed right-0 top-0 z-50 text-white px-5 close`},x=async e=>{let{size:t,beforeShown:n,id:r,imgSrc:i,iframeSrc:a}={id:`v-modal`,size:void 0,beforeShown:void 0,imgSrc:void 0,iframeSrc:void 0,...u(e)},s=e.dataset.html||``;i&&(s=`<img src="${i}">`),a&&(s=`<iframe allow="autoplay" class="aspect-video w-full" src="${a}" allowfullscreen="" autoplay=""></iframe>`);let c=`<div class="modal" id="${r}">
   <div class="modal-content ${t?`modal-${t}`:``}">
     ${s}
   </div>
-
-  <button onclick="removeModal('${r}')" type="button" class="${E.closeButton}" data-dismiss="modal" aria-label="Close">
+  
+  <button class="${b.closeButton}" onclick="removeModal('${r}')" type="button" data-dismiss="modal" aria-label="Close">
     <span class="text-4xl" aria-hidden="true">&times;</span>
   </button>
 
   <div class="modal-bg" onclick="removeModal('${r}')"></div>
 </div>
-`;o(()=>window.removeModal(r)),document.body.style.overflow=`hidden`,document.body.insertAdjacentHTML(`beforeend`,c),l(`#${r}`).then(e=>{n&&window[n](),window.setTimeout(()=>e.classList.add(`opacity-100`),32)})},O=(e=`v-modal`)=>{let t=document.getElementById(e);t&&(t.classList.remove(`opacity-100`),window.setTimeout(()=>{t.remove(),document.body.style.overflow=``},500))};window.removeModal=O;let k=s(`[data-toggle="modal"]`,`click`,D),A=s(`[role="tab"]`,`click`,t=>{if(t.getAttribute(`aria-selected`)===`true`)return null;let n=e(`[aria-labelledby="${t.getAttribute(`aria-controls`)}"]`);if(!n)return null;let r=t.classList.value,i=t.parentNode;for(;i&&(!(i instanceof HTMLElement)||i.getAttribute(`role`)!==`tablist`);)i=i.parentNode;if(!(i instanceof HTMLElement))return null;let a=i.querySelectorAll(`[aria-selected="true"]`);if(!a||a.length===0)return null;let o=a[0].classList.value;if(i.querySelectorAll(`[role="tab"]`).forEach(e=>{e.classList=r,e.setAttribute(`aria-selected`,`false`)}),t.classList=o,t.setAttribute(`aria-selected`,`true`),n.getAttribute(`role`)===`tabcontent`){Array.from(n.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.remove(`hidden`)});return}if(!n.parentNode)return null;Array.from(n.parentNode.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.add(`hidden`)}),n.classList.remove(`hidden`)});(function(){window.vInitialized=!1,window.initializeVUI=()=>{window.vInitialized||(window.vInitialized=!0,x(),C(),S(),T(),k(),A(),c())},document.addEventListener(`DOMContentLoaded`,window.initializeVUI),document.readyState!==`loading`&&window.initializeVUI()})()})();
+`;o(()=>window.removeModal(r)),document.body.style.overflow=`hidden`,document.body.insertAdjacentHTML(`beforeend`,c),await l(`#${r}`).then(e=>{n&&window[n](),window.setTimeout(()=>e.classList.add(`opacity-100`),32)})},S=(e=`v-modal`)=>{let t=document.getElementById(e);t&&(t.classList.remove(`opacity-100`),window.setTimeout(()=>{t.remove(),document.body.style.overflow=``},500))};window.removeModal=S;let C=s(`[data-toggle="modal"]`,`click`,x),w=s(`[role="tab"]`,`click`,t=>{if(t.getAttribute(`aria-selected`)===`true`)return null;let n=e(`[aria-labelledby="${t.getAttribute(`aria-controls`)}"]`);if(!n)return null;let r=t.classList.value,i=t.parentNode;for(;i&&(!(i instanceof HTMLElement)||i.getAttribute(`role`)!==`tablist`);)i=i.parentNode;if(!(i instanceof HTMLElement))return null;let a=i.querySelectorAll(`[aria-selected="true"]`);if(!a||a.length===0)return null;let o=a[0].classList.value;if(i.querySelectorAll(`[role="tab"]`).forEach(e=>{e.classList=r,e.setAttribute(`aria-selected`,`false`)}),t.classList=o,t.setAttribute(`aria-selected`,`true`),n.getAttribute(`role`)===`tabcontent`){Array.from(n.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.remove(`hidden`)});return}if(!n.parentNode)return null;Array.from(n.parentNode.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.add(`hidden`)}),n.classList.remove(`hidden`)});(function(){window.vInitialized=!1,window.initializeVUI=()=>{window.vInitialized||(window.vInitialized=!0,h(),_(),g(),y(),C(),w(),c())},document.addEventListener(`DOMContentLoaded`,window.initializeVUI),document.readyState!==`loading`&&window.initializeVUI()})()})();

package/dist/versoly-ui.mjs

@@ -1,12 +1,12 @@
-const e=e=>document.querySelector(e),t=(e,t=document)=>Array.from(t.querySelectorAll(e)),n=t=>{let n=t.dataset.target;return n?e(n):null},r=e=>{let t=window.getComputedStyle(e).getPropertyValue(`transition-duration`);return t?parseInt(t.replace(`s`,``))*1e3+1:0},i=e=>e.getAttribute(`aria-expanded`)===`true`,a=(e,t,n)=>{t.forEach(t=>{e.addEventListener(t,n)})},o=e=>{document.addEventListener(`keydown`,t=>{t.key===`Escape`&&e()})},s=(e,n,r)=>()=>t(e).forEach(e=>{e.addEventListener(n,()=>r(e))}),c=()=>window.addEventListener(`resize`,()=>{t(`[data-toggle="collapse"]`).forEach(e=>{let t=n(e);t&&(e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),t.classList.remove(`block`),t.style.height=`auto`,t.style.overflow=``)})}),l=t=>new Promise(n=>{if(e(t))return n(e(t));let r=new MutationObserver(()=>{e(t)&&(n(e(t)),r.disconnect())});r.observe(document.body,{childList:!0,subtree:!0})}),u=e=>{let t=e.dataset.options;if(!t)return{};try{return JSON.parse(t.replaceAll(`'`,`"`))}catch{return{}}},d=e=>{let n=`[data-toggle="${e}"]`;return t(n)},f=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),t.classList.remove(`hidden`),window.setTimeout(()=>{t.style.height=`${t.scrollHeight}px`},33),window.setTimeout(()=>{t.style.overflow=``},n)},p=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>{t.classList.remove(`block`),t.classList.add(`hidden`)},n)},m=e=>{let{min:n,max:o}={min:0,max:null,...u(e)},s=o===null,c=t(`.accordion-item [aria-expanded]`,e).reduce((e,t)=>{let n=t.closest(`.accordion-item`),r=n?.querySelector(`.accordion-collapse`);return n&&r instanceof HTMLElement&&e.push({trigger:t,target:r}),e},[]),l=()=>c.filter(({trigger:e})=>i(e)).length,d=({trigger:e,target:t})=>{let a=i(e),o=r(t);s===!1&&l()===n&&a||(a||f(e,t,o),s===!1?c.forEach(t=>{!a&&t.trigger===e||p(t.trigger,t.target,o)}):a&&p(e,t,o))};c.forEach(e=>{a(e.trigger,[`click`],()=>d(e))}),n===1&&l()===0&&c.length>0&&c[0].trigger.click()},h=()=>{t(`.accordion-header[data-toggle=accordion]`).forEach(e=>{console.log(e);let t=e.closest(`.accordion`);if(t){t.setAttribute(`data-toggle`,`accordion`),e.hasAttribute(`data-parent`)&&!t.hasAttribute(`data-options`)&&t.setAttribute(`data-options`,`{'min': 1, 'max': 1}`);return}e.removeAttribute(`data-toggle`)}),d(`accordion`).forEach(m)},g=s(`[data-dismiss]`,`click`,e=>{let t=n(e);t||=e.closest(`.${e.getAttribute(`data-dismiss`)}`),t&&(t.classList.add(`opacity-0`),setTimeout(()=>t.remove(),r(t)))}),_=s(`[data-toggle="collapse"]`,`click`,e=>{let t=n(e);if(!t)return;let i=r(t);if(t.style.overflow=`hidden`,t.style.height=`0px`,e.getAttribute(`aria-expanded`)===`true`){e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>t.classList.remove(`block`),i);return}e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),window.setTimeout(()=>{t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.add(`hidden`));let e=t.scrollHeight;t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.remove(`hidden`)),t.style.height=`${e}px`},32),window.setTimeout(()=>t.style.overflow=``,i)}),v=e=>{let{computePosition:t,shift:n,offset:r}=window.FloatingUIDOM,i=e.nextElementSibling,s=e.parentElement;if(!i||!s||!(i instanceof HTMLElement)||!(s instanceof HTMLElement))return;let c=u(e),l=[r(6),n({padding:5})];function d(){t(e,i,{placement:c.placement||`bottom`,middleware:l}).then(({x:e,y:t})=>{Object.assign(i.style,{left:`${e}px`,top:`${t}px`})})}let f=()=>{i.style.display=`block`,window.requestAnimationFrame(()=>{i.classList.add(`opacity-100`,`visible`)}),d()},p=()=>{i.style.display=``,i.classList.remove(`opacity-100`,`visible`)};s.addEventListener(`focusout`,e=>{e?.relatedTarget&&(s.contains(e.relatedTarget)||!document.hasFocus()||p())}),a(e,[`click`],()=>{if(i.style.display===`block`){p();return}f()}),o(p)},y=()=>d(`dropdown`).forEach(v),b={closeButton:`fixed right-0 top-0 z-50 text-white px-5 close`},x=e=>{let{size:t,beforeShown:n,id:r,imgSrc:i,iframeSrc:a}={id:`v-modal`,size:void 0,beforeShown:void 0,imgSrc:void 0,iframeSrc:void 0,...u(e)},s=e.dataset.html||``;i&&(s=`<img src="${i}">`),a&&(s=`<iframe allow="autoplay" class="aspect-video w-full" src="${a}" allowfullscreen="" autoplay=""></iframe>`);let c=`<div class="modal" id="${r}">
+const e=e=>document.querySelector(e),t=(e,t=document)=>Array.from(t.querySelectorAll(e)),n=t=>{let n=t.dataset.target;return n?e(n):null},r=e=>{let t=window.getComputedStyle(e).getPropertyValue(`transition-duration`);return t?parseFloat(t.replace(`s`,``))*1e3+1:0},i=e=>e.getAttribute(`aria-expanded`)===`true`,a=(e,t,n)=>{t.forEach(t=>{e.addEventListener(t,n)})},o=e=>{document.addEventListener(`keydown`,t=>{t.key===`Escape`&&e()})},s=(e,n,r)=>()=>t(e).forEach(e=>{e.addEventListener(n,()=>r(e))}),c=()=>{window.addEventListener(`resize`,()=>{t(`[data-toggle="collapse"]`).forEach(e=>{let t=n(e);t&&(e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),t.classList.remove(`block`),t.style.height=`auto`,t.style.overflow=``)})})},l=t=>new Promise(n=>{if(e(t))return n(e(t));let r=new MutationObserver(()=>{e(t)&&(n(e(t)),r.disconnect())});r.observe(document.body,{childList:!0,subtree:!0})}),u=e=>{let t=e.dataset.options;if(!t)return{};try{return JSON.parse(t.replaceAll(`'`,`"`))}catch{return{}}},d=e=>t(`[data-toggle="${e}"]`),f=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),t.classList.remove(`hidden`),window.setTimeout(()=>{t.style.height=`${t.scrollHeight}px`},33),window.setTimeout(()=>{t.style.overflow=`clip`},n)},p=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>{t.classList.remove(`block`),t.classList.add(`hidden`)},n)},m=e=>{let{min:n,max:o}={min:0,max:null,...u(e)},s=o===null,c=t(`.accordion-item [aria-expanded]`,e).reduce((e,t)=>{let n=t.closest(`.accordion-item`),r=n?.querySelector(`.accordion-collapse`);return n&&r instanceof HTMLElement&&e.push({trigger:t,target:r}),e},[]),l=()=>c.filter(({trigger:e})=>i(e)).length,d=({trigger:e,target:t})=>{let a=i(e),o=r(t);s===!1&&l()===n&&a||(a||f(e,t,o),s===!1?c.forEach(t=>{!a&&t.trigger===e||p(t.trigger,t.target,o)}):a&&p(e,t,o))};c.forEach(e=>{a(e.trigger,[`click`],()=>d(e))}),n===1&&l()===0&&c.length>0&&c[0].trigger.click()},h=()=>{t(`.accordion-header[data-toggle=accordion]`).forEach(e=>{let t=e.closest(`.accordion`);if(t){t.setAttribute(`data-toggle`,`accordion`),e.hasAttribute(`data-parent`)&&!t.hasAttribute(`data-options`)&&t.setAttribute(`data-options`,`{'min': 1, 'max': 1}`);return}e.removeAttribute(`data-toggle`)}),d(`accordion`).forEach(m)},g=s(`[data-dismiss]`,`click`,e=>{let t=n(e);t||=e.closest(`.${e.getAttribute(`data-dismiss`)}`),t&&(t.classList.add(`opacity-0`),setTimeout(()=>t.remove(),r(t)))}),_=s(`[data-toggle="collapse"]`,`click`,e=>{let t=n(e);if(!t)return;let a=r(t);if(t.style.overflow=`hidden`,t.style.height=`0px`,i(e)){e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),setTimeout(()=>t.classList.remove(`block`),a);return}e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),setTimeout(()=>{t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.add(`hidden`));let e=t.scrollHeight;t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.remove(`hidden`)),t.style.height=`${e}px`},32),setTimeout(()=>t.style.overflow=``,a)}),v=e=>{let{computePosition:t,shift:n,offset:r}=window.FloatingUIDOM,i=e.nextElementSibling,s=e.parentElement;if(!i||!s||!(i instanceof HTMLElement)||!(s instanceof HTMLElement))return;let c=u(e),l=[r(6),n({padding:5})];function d(){t(e,i,{placement:c.placement||`bottom`,middleware:l}).then(({x:e,y:t})=>{Object.assign(i.style,{left:`${e}px`,top:`${t}px`})})}let f=()=>{i.style.display=`block`,e.setAttribute(`aria-expanded`,`true`),window.requestAnimationFrame(()=>{i.classList.add(`opacity-100`,`visible`)}),d()},p=()=>{i.style.display=``,e.setAttribute(`aria-expanded`,`false`),i.classList.remove(`opacity-100`,`visible`)};s.addEventListener(`focusout`,e=>{let t=!e.relatedTarget,n=e.relatedTarget&&!s.contains(e.relatedTarget);(t||n)&&document.hasFocus()&&p()}),a(e,[`click`],()=>{if(i.style.display===`block`){p();return}f()}),o(p)},y=()=>d(`dropdown`).forEach(v),b={closeButton:`fixed right-0 top-0 z-50 text-white px-5 close`},x=async e=>{let{size:t,beforeShown:n,id:r,imgSrc:i,iframeSrc:a}={id:`v-modal`,size:void 0,beforeShown:void 0,imgSrc:void 0,iframeSrc:void 0,...u(e)},s=e.dataset.html||``;i&&(s=`<img src="${i}">`),a&&(s=`<iframe allow="autoplay" class="aspect-video w-full" src="${a}" allowfullscreen="" autoplay=""></iframe>`);let c=`<div class="modal" id="${r}">
   <div class="modal-content ${t?`modal-${t}`:``}">
     ${s}
   </div>
-
-  <button onclick="removeModal('${r}')" type="button" class="${b.closeButton}" data-dismiss="modal" aria-label="Close">
+  
+  <button class="${b.closeButton}" onclick="removeModal('${r}')" type="button" data-dismiss="modal" aria-label="Close">
     <span class="text-4xl" aria-hidden="true">&times;</span>
   </button>
 
   <div class="modal-bg" onclick="removeModal('${r}')"></div>
 </div>
-`;o(()=>window.removeModal(r)),document.body.style.overflow=`hidden`,document.body.insertAdjacentHTML(`beforeend`,c),l(`#${r}`).then(e=>{n&&window[n](),window.setTimeout(()=>e.classList.add(`opacity-100`),32)})},S=(e=`v-modal`)=>{let t=document.getElementById(e);t&&(t.classList.remove(`opacity-100`),window.setTimeout(()=>{t.remove(),document.body.style.overflow=``},500))};window.removeModal=S;const C=s(`[data-toggle="modal"]`,`click`,x),w=s(`[role="tab"]`,`click`,t=>{if(t.getAttribute(`aria-selected`)===`true`)return null;let n=e(`[aria-labelledby="${t.getAttribute(`aria-controls`)}"]`);if(!n)return null;let r=t.classList.value,i=t.parentNode;for(;i&&(!(i instanceof HTMLElement)||i.getAttribute(`role`)!==`tablist`);)i=i.parentNode;if(!(i instanceof HTMLElement))return null;let a=i.querySelectorAll(`[aria-selected="true"]`);if(!a||a.length===0)return null;let o=a[0].classList.value;if(i.querySelectorAll(`[role="tab"]`).forEach(e=>{e.classList=r,e.setAttribute(`aria-selected`,`false`)}),t.classList=o,t.setAttribute(`aria-selected`,`true`),n.getAttribute(`role`)===`tabcontent`){Array.from(n.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.remove(`hidden`)});return}if(!n.parentNode)return null;Array.from(n.parentNode.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.add(`hidden`)}),n.classList.remove(`hidden`)});(function(){window.vInitialized=!1,window.initializeVUI=()=>{window.vInitialized||(window.vInitialized=!0,h(),_(),g(),y(),C(),w(),c())},document.addEventListener(`DOMContentLoaded`,window.initializeVUI),document.readyState!==`loading`&&window.initializeVUI()})();
+`;o(()=>window.removeModal(r)),document.body.style.overflow=`hidden`,document.body.insertAdjacentHTML(`beforeend`,c),await l(`#${r}`).then(e=>{n&&window[n](),window.setTimeout(()=>e.classList.add(`opacity-100`),32)})},S=(e=`v-modal`)=>{let t=document.getElementById(e);t&&(t.classList.remove(`opacity-100`),window.setTimeout(()=>{t.remove(),document.body.style.overflow=``},500))};window.removeModal=S;const C=s(`[data-toggle="modal"]`,`click`,x),w=s(`[role="tab"]`,`click`,t=>{if(t.getAttribute(`aria-selected`)===`true`)return null;let n=e(`[aria-labelledby="${t.getAttribute(`aria-controls`)}"]`);if(!n)return null;let r=t.classList.value,i=t.parentNode;for(;i&&(!(i instanceof HTMLElement)||i.getAttribute(`role`)!==`tablist`);)i=i.parentNode;if(!(i instanceof HTMLElement))return null;let a=i.querySelectorAll(`[aria-selected="true"]`);if(!a||a.length===0)return null;let o=a[0].classList.value;if(i.querySelectorAll(`[role="tab"]`).forEach(e=>{e.classList=r,e.setAttribute(`aria-selected`,`false`)}),t.classList=o,t.setAttribute(`aria-selected`,`true`),n.getAttribute(`role`)===`tabcontent`){Array.from(n.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.remove(`hidden`)});return}if(!n.parentNode)return null;Array.from(n.parentNode.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.add(`hidden`)}),n.classList.remove(`hidden`)});(function(){window.vInitialized=!1,window.initializeVUI=()=>{window.vInitialized||(window.vInitialized=!0,h(),_(),g(),y(),C(),w(),c())},document.addEventListener(`DOMContentLoaded`,window.initializeVUI),document.readyState!==`loading`&&window.initializeVUI()})();

package/index.html

@@ -4,12 +4,13 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Versoly UI</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <style></style>
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <style type="text/tailwindcss"></style>
   </head>
 
   <body>
-    <script src="https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui/1.0.1/floating-ui.min.js"></script>
-    <script src="./dist/versoly-ui.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@floating-ui/core@1.7.4"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@floating-ui/dom@1.7.4"></script>
+    <script src="./dist/versoly-ui.iife.js"></script>
   </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "versoly-ui",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Versoly UI - Tailwind CSS framework based on Bootstrap",
   "author": "Versoly",
   "keywords": [
@@ -14,12 +14,16 @@
     "dropdown Floating UI"
   ],
   "license": "MIT",
-  "main": "./dist/versoly-ui.js",
+  "main": "./dist/versoly-ui.cjs",
   "unpkg": "dist/versoly-ui.iife.js",
   "jsdelivr": "dist/versoly-ui.iife.js",
   "module": "./dist/versoly-ui.mjs",
+  "type": "module",
   "exports": {
-    ".": "./dist/versoly-ui.js",
+    ".": {
+      "import": "./dist/versoly-ui.mjs",
+      "require": "./dist/versoly-ui.cjs"
+    },
     "./package.json": "./package.json"
   },
   "repository": {
@@ -36,16 +40,22 @@
   "scripts": {
     "dev": "vite",
     "build": "tsdown",
-    "build:watch": "tsdown --watch"
+    "build:watch": "tsdown --watch",
+    "fmt": "oxfmt",
+    "fmt:check": "oxfmt --check",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "prepack": "pnpm run build"
   },
   "devDependencies": {
-    "@kainstar/eslint-config": "^2.0.0",
-    "eslint": "^9.35.0",
-    "eslint-plugin-prettier": "^5.5.4",
-    "prettier": "^3.6.2",
-    "tsdown": "^0.15.1",
+    "oxfmt": "^0.32.0",
+    "oxlint": "^1.47.0",
+    "tsdown": "^0.20.3",
     "type-fest": "^4.41.0",
     "typescript": "^5.9.2",
-    "vite": "^7.1.5"
+    "vite": "v8.0.0-beta.13"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

package/src/index.ts

@@ -1,4 +1,4 @@
-import { accordion, collapse, dismiss, dropdown, modal, tabs, handleResize } from './plugins/index';
+import { accordion, collapse, dismiss, dropdown, modal, tabs, handleResize } from "./plugins/index";
 
 (function () {
   window.vInitialized = false;
@@ -18,8 +18,8 @@ import { accordion, collapse, dismiss, dropdown, modal, tabs, handleResize } fro
     handleResize();
   };
 
-  document.addEventListener('DOMContentLoaded', window.initializeVUI);
-  if (document.readyState !== 'loading') {
+  document.addEventListener("DOMContentLoaded", window.initializeVUI);
+  if (document.readyState !== "loading") {
     window.initializeVUI();
   }
 })();

package/src/plugins/accordion.ts

@@ -1,4 +1,4 @@
-import type { IAccordionOptions } from 'src/types';
+import type { IAccordionOptions } from "../types";
 import {
   addEventListeners,
   getDuration,
@@ -6,7 +6,7 @@ import {
   getElementsByToggle,
   getIsAriaExpanded,
   parseElementOptions,
-} from '../utils/index';
+} from "../utils/index";
 
 interface IAccordionItem {
   trigger: HTMLElement;
@@ -14,33 +14,33 @@ interface IAccordionItem {
 }
 
 const handleOpen = (trigger: HTMLElement, target: HTMLElement, duration: number) => {
-  target.style.overflow = 'hidden';
-  target.style.height = '0';
+  target.style.overflow = "hidden";
+  target.style.height = "0";
 
-  trigger.setAttribute('aria-expanded', 'true');
-  target.classList.add('block');
-  target.classList.add('show');
-  target.classList.remove('hidden');
+  trigger.setAttribute("aria-expanded", "true");
+  target.classList.add("block");
+  target.classList.add("show");
+  target.classList.remove("hidden");
 
   window.setTimeout(() => {
     target.style.height = `${target.scrollHeight}px`;
   }, 33);
 
   window.setTimeout(() => {
-    target.style.overflow = '';
+    target.style.overflow = "clip";
   }, duration);
 };
 
 const handleClose = (trigger: HTMLElement, target: HTMLElement, duration: number) => {
-  target.style.overflow = 'hidden';
-  target.style.height = '0';
+  target.style.overflow = "hidden";
+  target.style.height = "0";
 
-  trigger.setAttribute('aria-expanded', 'false');
-  target.classList.remove('show');
+  trigger.setAttribute("aria-expanded", "false");
+  target.classList.remove("show");
 
   window.setTimeout(() => {
-    target.classList.remove('block');
-    target.classList.add('hidden');
+    target.classList.remove("block");
+    target.classList.add("hidden");
   }, duration);
 };
 
@@ -54,10 +54,10 @@ const Accordion = (element: HTMLElement) => {
 
   const canOpenMultiple = max === null;
 
-  const items: IAccordionItem[] = getElementsBySelectors('.accordion-item [aria-expanded]', element).reduce(
+  const items: IAccordionItem[] = getElementsBySelectors(".accordion-item [aria-expanded]", element).reduce(
     (acc: IAccordionItem[], trigger) => {
-      const item = trigger.closest('.accordion-item');
-      const target = item?.querySelector('.accordion-collapse');
+      const item = trigger.closest(".accordion-item");
+      const target = item?.querySelector(".accordion-collapse");
       if (item && target instanceof HTMLElement) {
         acc.push({ trigger, target });
       }
@@ -93,7 +93,7 @@ const Accordion = (element: HTMLElement) => {
   };
 
   items.forEach((item) => {
-    addEventListeners(item.trigger, ['click'], () => toggle(item));
+    addEventListeners(item.trigger, ["click"], () => toggle(item));
   });
 
   if (min === 1 && getOpenCount() === 0 && items.length > 0) {
@@ -103,19 +103,19 @@ const Accordion = (element: HTMLElement) => {
 
 export const accordion = () => {
   // legacy support for accordion via data attributes on headers
-  getElementsBySelectors('.accordion-header[data-toggle=accordion]').forEach((element) => {
-    const parentAccordion = element.closest('.accordion');
+  getElementsBySelectors(".accordion-header[data-toggle=accordion]").forEach((element) => {
+    const parentAccordion = element.closest(".accordion");
     if (parentAccordion) {
-      parentAccordion.setAttribute('data-toggle', 'accordion');
+      parentAccordion.setAttribute("data-toggle", "accordion");
 
-      if (element.hasAttribute('data-parent') && !parentAccordion.hasAttribute('data-options')) {
-        parentAccordion.setAttribute('data-options', "{'min': 1, 'max': 1}");
+      if (element.hasAttribute("data-parent") && !parentAccordion.hasAttribute("data-options")) {
+        parentAccordion.setAttribute("data-options", "{'min': 1, 'max': 1}");
       }
       return;
     }
 
-    element.removeAttribute('data-toggle');
+    element.removeAttribute("data-toggle");
   });
 
-  getElementsByToggle('accordion').forEach(Accordion);
+  getElementsByToggle("accordion").forEach(Accordion);
 };

package/src/plugins/collapse.ts

@@ -1,4 +1,4 @@
-import { getDuration, getTarget, addEventListenerToSelector } from '../utils/index';
+import { getDuration, getTarget, addEventListenerToSelector, getIsAriaExpanded } from "../utils/index";
 
 const Collapse = (element: HTMLElement) => {
   const target = getTarget(element);
@@ -7,29 +7,29 @@ const Collapse = (element: HTMLElement) => {
   }
 
   const duration = getDuration(target);
-  target.style.overflow = 'hidden';
-  target.style.height = '0px';
+  target.style.overflow = "hidden";
+  target.style.height = "0px";
 
-  if (element.getAttribute('aria-expanded') === 'true') {
-    element.setAttribute('aria-expanded', 'false');
-    target.classList.remove('show');
+  if (getIsAriaExpanded(element)) {
+    element.setAttribute("aria-expanded", "false");
+    target.classList.remove("show");
 
-    window.setTimeout(() => target.classList.remove('block'), duration);
+    setTimeout(() => target.classList.remove("block"), duration);
     return;
   }
 
-  element.setAttribute('aria-expanded', 'true');
-  target.classList.add('block');
-  target.classList.add('show');
+  element.setAttribute("aria-expanded", "true");
+  target.classList.add("block");
+  target.classList.add("show");
 
-  window.setTimeout(() => {
-    target.querySelectorAll('.dropdown-menu').forEach((m) => m.classList.add('hidden'));
+  setTimeout(() => {
+    target.querySelectorAll(".dropdown-menu").forEach((m) => m.classList.add("hidden"));
     const navHeight = target.scrollHeight;
-    target.querySelectorAll('.dropdown-menu').forEach((m) => m.classList.remove('hidden'));
+    target.querySelectorAll(".dropdown-menu").forEach((m) => m.classList.remove("hidden"));
     target.style.height = `${navHeight}px`;
   }, 32);
 
-  window.setTimeout(() => (target.style.overflow = ''), duration);
+  setTimeout(() => (target.style.overflow = ""), duration);
 };
 
-export const collapse = addEventListenerToSelector('[data-toggle="collapse"]', 'click', Collapse);
+export const collapse = addEventListenerToSelector('[data-toggle="collapse"]', "click", Collapse);

package/src/plugins/dismiss.ts

@@ -1,17 +1,17 @@
-import { getDuration, getTarget, addEventListenerToSelector } from '../utils/index';
+import { getDuration, getTarget, addEventListenerToSelector } from "../utils/index";
 
 const Dismiss = (element: HTMLElement) => {
   let target = getTarget(element);
   if (!target) {
-    target = element.closest(`.${element.getAttribute('data-dismiss')}`);
+    target = element.closest(`.${element.getAttribute("data-dismiss")}`);
   }
 
   if (!target) {
     return;
   }
 
-  target.classList.add('opacity-0');
+  target.classList.add("opacity-0");
   setTimeout(() => target.remove(), getDuration(target));
 };
 
-export const dismiss = addEventListenerToSelector('[data-dismiss]', 'click', Dismiss);
+export const dismiss = addEventListenerToSelector("[data-dismiss]", "click", Dismiss);

package/src/plugins/dropdown.ts

@@ -1,4 +1,4 @@
-import { addEventListeners, addEscapeListener, getElementsByToggle, parseElementOptions } from '../utils/index';
+import { addEventListeners, addEscapeListener, getElementsByToggle, parseElementOptions } from "../utils/index";
 
 const Dropdown = (trigger: HTMLElement) => {
   const { computePosition, shift, offset } = window.FloatingUIDOM;
@@ -20,7 +20,7 @@ const Dropdown = (trigger: HTMLElement) => {
 
   function update() {
     computePosition(trigger, target, {
-      placement: options.placement || 'bottom',
+      placement: options.placement || "bottom",
       middleware,
     }).then(({ x, y }: { x: number; y: number }) => {
       Object.assign(target.style, {
@@ -31,37 +31,47 @@ const Dropdown = (trigger: HTMLElement) => {
   }
 
   const show = () => {
-    target.style.display = 'block';
+    target.style.display = "block";
+    trigger.setAttribute("aria-expanded", "true");
+
     window.requestAnimationFrame(() => {
-      target.classList.add('opacity-100', 'visible');
+      target.classList.add("opacity-100", "visible");
     });
     update();
   };
 
   const hide = () => {
-    target.style.display = '';
-    target.classList.remove('opacity-100', 'visible');
+    target.style.display = "";
+    trigger.setAttribute("aria-expanded", "false");
+    target.classList.remove("opacity-100", "visible");
   };
 
   const toggle = () => {
-    if (target.style.display === 'block') {
+    if (target.style.display === "block") {
       hide();
       return;
     }
     show();
   };
 
-  parent.addEventListener('focusout', (event) => {
-    if (!event?.relatedTarget) {
-      return;
-    }
-    if (parent.contains(event.relatedTarget as Node) || !document.hasFocus()) {
-      return;
+  parent.addEventListener("focusout", (event) => {
+    // If relatedTarget is null, the user clicked a non-focusable area (background)
+    // or left the document entirely. Both should usually trigger a close.
+    const isClickOutside = !event.relatedTarget;
+
+    // Check if focus moved to something outside the parent
+    const isFocusMovingOutside = event.relatedTarget && !parent.contains(event.relatedTarget as Node);
+
+    if (isClickOutside || isFocusMovingOutside) {
+      // Optional: Only hide if the document still has focus to avoid
+      // closing when the user just switched browser tabs
+      if (document.hasFocus()) {
+        hide();
+      }
     }
-    hide();
   });
-  addEventListeners(trigger, ['click'], toggle);
+  addEventListeners(trigger, ["click"], toggle);
   addEscapeListener(hide);
 };
 
-export const dropdown = () => getElementsByToggle('dropdown').forEach(Dropdown);
+export const dropdown = () => getElementsByToggle("dropdown").forEach(Dropdown);

package/src/plugins/index.ts

@@ -1,7 +1,7 @@
-export { accordion } from './accordion';
-export { dismiss } from './dismiss';
-export { collapse } from './collapse';
-export { dropdown } from './dropdown';
-export { modal } from './modal';
-export { tabs } from './tabs';
-export { handleResize } from '../utils';
+export { accordion } from "./accordion";
+export { dismiss } from "./dismiss";
+export { collapse } from "./collapse";
+export { dropdown } from "./dropdown";
+export { modal } from "./modal";
+export { tabs } from "./tabs";
+export { handleResize } from "../utils";

package/src/plugins/modal.ts

@@ -1,8 +1,8 @@
-import type { IModalOptions } from 'src/types';
-import { waitForElement, parseElementOptions, addEventListenerToSelector, addEscapeListener } from '../utils';
+import type { IModalOptions } from "../types";
+import { waitForElement, parseElementOptions, addEventListenerToSelector, addEscapeListener } from "../utils";
 
 const defaults = {
-  closeButton: 'fixed right-0 top-0 z-50 text-white px-5 close',
+  closeButton: "fixed right-0 top-0 z-50 text-white px-5 close",
 };
 
 // if (element.getAttribute('aria-label')) {
@@ -10,9 +10,9 @@ const defaults = {
 // }
 // element.setAttribute('aria-label', 'modal')
 
-const Modal = (element: HTMLElement) => {
+const Modal = async (element: HTMLElement) => {
   const options: IModalOptions = {
-    id: 'v-modal',
+    id: "v-modal",
     size: undefined,
     beforeShown: undefined,
     imgSrc: undefined,
@@ -22,7 +22,7 @@ const Modal = (element: HTMLElement) => {
 
   const { size, beforeShown, id, imgSrc, iframeSrc } = options;
 
-  let content = element.dataset.html || '';
+  let content = element.dataset.html || "";
 
   if (imgSrc) {
     content = `<img src="${imgSrc}">`;
@@ -32,7 +32,7 @@ const Modal = (element: HTMLElement) => {
   }
 
   const modalHTML = `<div class="modal" id="${id}">
-  <div class="modal-content ${size ? `modal-${size}` : ''}">
+  <div class="modal-content ${size ? `modal-${size}` : ""}">
     ${content}
   </div>
   
@@ -45,29 +45,32 @@ const Modal = (element: HTMLElement) => {
 `;
 
   addEscapeListener(() => window.removeModal(id));
-  document.body.style.overflow = 'hidden';
-  document.body.insertAdjacentHTML('beforeend', modalHTML);
+  document.body.style.overflow = "hidden";
+  document.body.insertAdjacentHTML("beforeend", modalHTML);
 
-  waitForElement(`#${id}`).then((ele) => {
-    beforeShown && (window as any)[beforeShown]();
-    window.setTimeout(() => ele.classList.add('opacity-100'), 32);
+  await waitForElement(`#${id}`).then((ele) => {
+    if (beforeShown) {
+      (window as any)[beforeShown]();
+    }
+
+    window.setTimeout(() => ele.classList.add("opacity-100"), 32);
   });
 };
 
-const removeModal = (id = 'v-modal') => {
+const removeModal = (id = "v-modal") => {
   const modal = document.getElementById(id);
 
   if (!modal) {
     return;
   }
 
-  modal.classList.remove('opacity-100');
+  modal.classList.remove("opacity-100");
   window.setTimeout(() => {
     modal.remove();
-    document.body.style.overflow = '';
+    document.body.style.overflow = "";
   }, 500);
 };
 
 window.removeModal = removeModal;
 
-export const modal = addEventListenerToSelector('[data-toggle="modal"]', 'click', Modal);
+export const modal = addEventListenerToSelector('[data-toggle="modal"]', "click", Modal);

package/src/plugins/tabs.ts

@@ -1,11 +1,11 @@
-import { addEventListenerToSelector, getElementBySelector } from '../utils/index';
+import { addEventListenerToSelector, getElementBySelector } from "../utils/index";
 
 const Tabs = (element: HTMLElement) => {
-  if (element.getAttribute('aria-selected') === 'true') {
+  if (element.getAttribute("aria-selected") === "true") {
     return null;
   }
 
-  const target = getElementBySelector(`[aria-labelledby="${element.getAttribute('aria-controls')}"]`);
+  const target = getElementBySelector(`[aria-labelledby="${element.getAttribute("aria-controls")}"]`);
   if (!target) {
     return null;
   }
@@ -13,7 +13,7 @@ const Tabs = (element: HTMLElement) => {
   const inactiveClass = element.classList.value;
 
   let tablist: ParentNode | null = element.parentNode;
-  while (tablist && (!(tablist instanceof HTMLElement) || tablist.getAttribute('role') !== 'tablist')) {
+  while (tablist && (!(tablist instanceof HTMLElement) || tablist.getAttribute("role") !== "tablist")) {
     tablist = tablist.parentNode;
   }
   if (!(tablist instanceof HTMLElement)) {
@@ -28,16 +28,16 @@ const Tabs = (element: HTMLElement) => {
 
   tablist.querySelectorAll('[role="tab"]').forEach((tab) => {
     tab.classList = inactiveClass;
-    tab.setAttribute('aria-selected', 'false');
+    tab.setAttribute("aria-selected", "false");
   });
 
   element.classList = activeClass;
-  element.setAttribute('aria-selected', 'true');
+  element.setAttribute("aria-selected", "true");
 
-  if (target.getAttribute('role') === 'tabcontent') {
+  if (target.getAttribute("role") === "tabcontent") {
     Array.from(target.children).forEach((n) => {
-      if (n.getAttribute('role') === 'tabpanel') {
-        n.classList.remove('hidden');
+      if (n.getAttribute("role") === "tabpanel") {
+        n.classList.remove("hidden");
       }
     });
     return;
@@ -48,12 +48,12 @@ const Tabs = (element: HTMLElement) => {
   }
 
   Array.from(target.parentNode.children).forEach((n) => {
-    if (n.getAttribute('role') === 'tabpanel') {
-      n.classList.add('hidden');
+    if (n.getAttribute("role") === "tabpanel") {
+      n.classList.add("hidden");
     }
   });
 
-  target.classList.remove('hidden');
+  target.classList.remove("hidden");
 };
 
-export const tabs = addEventListenerToSelector('[role="tab"]', 'click', Tabs);
+export const tabs = addEventListenerToSelector('[role="tab"]', "click", Tabs);

package/src/types.d.ts

@@ -14,9 +14,8 @@ export interface IAccordionOptions {
 
 export interface IModalOptions {
   id: string;
-  size?: 'sm' | 'lg' | 'xl';
+  size?: "sm" | "lg" | "xl";
   beforeShown?: string;
   imgSrc?: string;
   iframeSrc?: string;
 }
-export {};

package/src/utils/index.ts

@@ -1,4 +1,5 @@
 export const getElementBySelector = (selector: string) => document.querySelector(selector) as HTMLElement;
+
 export const getElementsBySelectors = (selector: string, element: Document | HTMLElement = document) =>
   Array.from(element.querySelectorAll(selector)) as HTMLElement[];
 
@@ -11,16 +12,16 @@ export const getTarget = (element: HTMLElement) => {
 };
 
 export const getDuration = (element: HTMLElement) => {
-  const duration = window.getComputedStyle(element).getPropertyValue('transition-duration');
+  const duration = window.getComputedStyle(element).getPropertyValue("transition-duration");
 
   if (!duration) {
     return 0;
   }
 
-  return parseInt(duration.replace('s', '')) * 1000 + 1;
+  return parseFloat(duration.replace("s", "")) * 1000 + 1;
 };
 
-export const getIsAriaExpanded = (element: HTMLElement) => element.getAttribute('aria-expanded') === 'true';
+export const getIsAriaExpanded = (element: HTMLElement) => element.getAttribute("aria-expanded") === "true";
 
 export const addEventListeners = (
   element: HTMLElement,
@@ -33,8 +34,8 @@ export const addEventListeners = (
 };
 
 export const addEscapeListener = (callback: () => void) => {
-  document.addEventListener('keydown', (e) => {
-    if (e.key === 'Escape') {
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
       callback();
     }
   });
@@ -51,8 +52,8 @@ export const addEventListenerToSelector = (
     });
 };
 
-export const handleResize = () =>
-  window.addEventListener('resize', () => {
+export const handleResize = () => {
+  window.addEventListener("resize", () => {
     getElementsBySelectors('[data-toggle="collapse"]').forEach((element) => {
       const target = getTarget(element);
 
@@ -60,13 +61,14 @@ export const handleResize = () =>
         return;
       }
 
-      element.setAttribute('aria-expanded', 'false');
-      target.classList.remove('show');
-      target.classList.remove('block');
-      target.style.height = 'auto';
-      target.style.overflow = '';
+      element.setAttribute("aria-expanded", "false");
+      target.classList.remove("show");
+      target.classList.remove("block");
+      target.style.height = "auto";
+      target.style.overflow = "";
     });
   });
+};
 
 export const waitForElement = (s: string): Promise<HTMLElement> => {
   return new Promise((resolve) => {

package/tsconfig.json

@@ -1,14 +1,19 @@
 {
   "compilerOptions": {
-    "target": "es2015",
-    "baseUrl": ".",
+    "target": "ES2022",
     "module": "ESNext",
-    "lib": ["esnext", "dom"],
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "moduleResolution": "Bundler",
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
+
+    /* Modern Additions */
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+    "useDefineForClassFields": true,
+    "noEmit": true
   },
-  "include": ["src"],
+  "include": ["src"]
 }

package/tsdown.config.ts

@@ -1,22 +1,31 @@
-import { defineConfig } from 'tsdown';
+import { defineConfig } from "tsdown";
+import pkg from "./package.json" with { type: "json" };
+
+const { name } = pkg;
+const getPackageName = () => {
+  return (name.includes("@") ? name.split("/")[1] : name).replace(".", "-");
+};
 
 const sharedConfig = {
   exports: true,
   minify: true,
   entry: {
-    'versoly-ui': './src/index.ts',
+    [getPackageName()]: "./src/index.ts",
   },
-  platform: 'browser',
+  platform: "browser",
 } as const;
 
+const browserTargets = ["chrome" + "109", "firefox" + "135", "safari" + "17", "edge" + "135"];
+
 export default defineConfig([
   {
     ...sharedConfig,
-    target: ['chrome58', 'firefox57', 'safari11', 'edge79'],
-    format: ['cjs', 'iife'],
-  },
-  {
-    ...sharedConfig,
-    format: ['esm'],
+    target: browserTargets,
+    fixedExtension: true,
+    format: ["esm", "cjs", "iife"],
   },
+  // {
+  //   ...sharedConfig,
+  //   format: ["esm"],
+  // },
 ]);

package/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+
+const config = defineConfig({
+  server: {
+    port: 3005,
+    hmr: true,
+    watch: {
+      usePolling: true,
+    },
+  },
+});
+
+export default config;

package/.vscode/settings.template.json

@@ -1,4 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "eslint.experimental.useFlatConfig": true,
-}

package/dist/versoly-ui.js

@@ -1,12 +0,0 @@
-const e=e=>document.querySelector(e),t=(e,t=document)=>Array.from(t.querySelectorAll(e)),n=t=>{let n=t.dataset.target;return n?e(n):null},r=e=>{let t=window.getComputedStyle(e).getPropertyValue(`transition-duration`);return t?parseInt(t.replace(`s`,``))*1e3+1:0},i=e=>e.getAttribute(`aria-expanded`)===`true`,a=(e,t,n)=>{t.forEach(t=>{e.addEventListener(t,n)})},o=e=>{document.addEventListener(`keydown`,t=>{t.key===`Escape`&&e()})},s=(e,n,r)=>()=>t(e).forEach(e=>{e.addEventListener(n,()=>r(e))}),c=()=>window.addEventListener(`resize`,()=>{t(`[data-toggle="collapse"]`).forEach(e=>{let t=n(e);t&&(e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),t.classList.remove(`block`),t.style.height=`auto`,t.style.overflow=``)})}),l=t=>new Promise(n=>{if(e(t))return n(e(t));let r=new MutationObserver(()=>{e(t)&&(n(e(t)),r.disconnect())});r.observe(document.body,{childList:!0,subtree:!0})}),u=e=>{let t=e.dataset.options;if(!t)return{};try{return JSON.parse(t.replaceAll(`'`,`"`))}catch(e){return{}}},d=e=>{let n=`[data-toggle="${e}"]`;return t(n)};function f(e){"@babel/helpers - typeof";return f=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?g(Object(n),!0).forEach(function(t){h(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const v=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),t.classList.remove(`hidden`),window.setTimeout(()=>{t.style.height=`${t.scrollHeight}px`},33),window.setTimeout(()=>{t.style.overflow=``},n)},y=(e,t,n)=>{t.style.overflow=`hidden`,t.style.height=`0`,e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>{t.classList.remove(`block`),t.classList.add(`hidden`)},n)},b=e=>{let{min:n,max:o}=_({min:0,max:null},u(e)),s=o===null,c=t(`.accordion-item [aria-expanded]`,e).reduce((e,t)=>{let n=t.closest(`.accordion-item`),r=n==null?void 0:n.querySelector(`.accordion-collapse`);return n&&r instanceof HTMLElement&&e.push({trigger:t,target:r}),e},[]),l=()=>c.filter(({trigger:e})=>i(e)).length,d=({trigger:e,target:t})=>{let a=i(e),o=r(t);s===!1&&l()===n&&a||(a||v(e,t,o),s===!1?c.forEach(t=>{!a&&t.trigger===e||y(t.trigger,t.target,o)}):a&&y(e,t,o))};c.forEach(e=>{a(e.trigger,[`click`],()=>d(e))}),n===1&&l()===0&&c.length>0&&c[0].trigger.click()},x=()=>{t(`.accordion-header[data-toggle=accordion]`).forEach(e=>{console.log(e);let t=e.closest(`.accordion`);if(t){t.setAttribute(`data-toggle`,`accordion`),e.hasAttribute(`data-parent`)&&!t.hasAttribute(`data-options`)&&t.setAttribute(`data-options`,`{'min': 1, 'max': 1}`);return}e.removeAttribute(`data-toggle`)}),d(`accordion`).forEach(b)},S=e=>{let t=n(e);t||(t=e.closest(`.${e.getAttribute(`data-dismiss`)}`)),t&&(t.classList.add(`opacity-0`),setTimeout(()=>t.remove(),r(t)))},C=s(`[data-dismiss]`,`click`,S),w=e=>{let t=n(e);if(!t)return;let i=r(t);if(t.style.overflow=`hidden`,t.style.height=`0px`,e.getAttribute(`aria-expanded`)===`true`){e.setAttribute(`aria-expanded`,`false`),t.classList.remove(`show`),window.setTimeout(()=>t.classList.remove(`block`),i);return}e.setAttribute(`aria-expanded`,`true`),t.classList.add(`block`),t.classList.add(`show`),window.setTimeout(()=>{t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.add(`hidden`));let e=t.scrollHeight;t.querySelectorAll(`.dropdown-menu`).forEach(e=>e.classList.remove(`hidden`)),t.style.height=`${e}px`},32),window.setTimeout(()=>t.style.overflow=``,i)},T=s(`[data-toggle="collapse"]`,`click`,w),E=e=>{let{computePosition:t,shift:n,offset:r}=window.FloatingUIDOM,i=e.nextElementSibling,s=e.parentElement;if(!i||!s||!(i instanceof HTMLElement)||!(s instanceof HTMLElement))return;let c=u(e),l=[r(6),n({padding:5})];function d(){t(e,i,{placement:c.placement||`bottom`,middleware:l}).then(({x:e,y:t})=>{Object.assign(i.style,{left:`${e}px`,top:`${t}px`})})}let f=()=>{i.style.display=`block`,window.requestAnimationFrame(()=>{i.classList.add(`opacity-100`,`visible`)}),d()},p=()=>{i.style.display=``,i.classList.remove(`opacity-100`,`visible`)};s.addEventListener(`focusout`,e=>{e!=null&&e.relatedTarget&&(s.contains(e.relatedTarget)||!document.hasFocus()||p())}),a(e,[`click`],()=>{if(i.style.display===`block`){p();return}f()}),o(p)},D=()=>d(`dropdown`).forEach(E),O={closeButton:`fixed right-0 top-0 z-50 text-white px-5 close`},k=e=>{let{size:t,beforeShown:n,id:r,imgSrc:i,iframeSrc:a}=_({id:`v-modal`,size:void 0,beforeShown:void 0,imgSrc:void 0,iframeSrc:void 0},u(e)),s=e.dataset.html||``;i&&(s=`<img src="${i}">`),a&&(s=`<iframe allow="autoplay" class="aspect-video w-full" src="${a}" allowfullscreen="" autoplay=""></iframe>`);let c=`<div class="modal" id="${r}">
-  <div class="modal-content ${t?`modal-${t}`:``}">
-    ${s}
-  </div>
-
-  <button onclick="removeModal('${r}')" type="button" class="${O.closeButton}" data-dismiss="modal" aria-label="Close">
-    <span class="text-4xl" aria-hidden="true">&times;</span>
-  </button>
-
-  <div class="modal-bg" onclick="removeModal('${r}')"></div>
-</div>
-`;o(()=>window.removeModal(r)),document.body.style.overflow=`hidden`,document.body.insertAdjacentHTML(`beforeend`,c),l(`#${r}`).then(e=>{n&&window[n](),window.setTimeout(()=>e.classList.add(`opacity-100`),32)})},A=(e=`v-modal`)=>{let t=document.getElementById(e);t&&(t.classList.remove(`opacity-100`),window.setTimeout(()=>{t.remove(),document.body.style.overflow=``},500))};window.removeModal=A;const j=s(`[data-toggle="modal"]`,`click`,k),M=t=>{if(t.getAttribute(`aria-selected`)===`true`)return null;let n=e(`[aria-labelledby="${t.getAttribute(`aria-controls`)}"]`);if(!n)return null;let r=t.classList.value,i=t.parentNode;for(;i&&(!(i instanceof HTMLElement)||i.getAttribute(`role`)!==`tablist`);)i=i.parentNode;if(!(i instanceof HTMLElement))return null;let a=i.querySelectorAll(`[aria-selected="true"]`);if(!a||a.length===0)return null;let o=a[0].classList.value;if(i.querySelectorAll(`[role="tab"]`).forEach(e=>{e.classList=r,e.setAttribute(`aria-selected`,`false`)}),t.classList=o,t.setAttribute(`aria-selected`,`true`),n.getAttribute(`role`)===`tabcontent`){Array.from(n.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.remove(`hidden`)});return}if(!n.parentNode)return null;Array.from(n.parentNode.children).forEach(e=>{e.getAttribute(`role`)===`tabpanel`&&e.classList.add(`hidden`)}),n.classList.remove(`hidden`)},N=s(`[role="tab"]`,`click`,M);(function(){window.vInitialized=!1,window.initializeVUI=()=>{window.vInitialized||(window.vInitialized=!0,x(),T(),C(),D(),j(),N(),c())},document.addEventListener(`DOMContentLoaded`,window.initializeVUI),document.readyState!==`loading`&&window.initializeVUI()})();

package/eslint.config.ts

@@ -1,11 +0,0 @@
-import { combine, javascript, typescript, prettier } from '@kainstar/eslint-config';
-
-export default combine(
-  javascript(),
-  typescript({
-    overrides: {
-      'ts/ban-ts-comment': 'off',
-    },
-  }),
-  prettier(true),
-);

package/prettier.config.js

@@ -1,20 +0,0 @@
-/** @type {import('prettier').Config} */
-export default {
-  printWidth: 120,
-  singleQuote: true,
-  proseWrap: 'never',
-  overrides: [
-    {
-      files: '**/*.json',
-      options: {
-        parser: 'json-stringify',
-      },
-    },
-    {
-      files: ['.vscode/*.json', '**/tsconfig.json'],
-      options: {
-        parser: 'jsonc',
-      },
-    },
-  ],
-};

package/vite.config.js

@@ -1,35 +0,0 @@
-import { resolve } from 'path';
-import { name } from './package.json';
-
-const getPackageName = () => {
-  return (name.includes('@') ? name.split('/')[1] : name).replace('.', '-');
-};
-
-const NAME = 'VersolyUI';
-
-const fileName = {
-  es: `${getPackageName()}.mjs`,
-  cjs: `${getPackageName()}.cjs`,
-  iife: `${getPackageName()}.js`,
-};
-
-const config = {
-  build: {
-    target: ['chrome58', 'firefox57', 'safari11', 'edge79'],
-    lib: {
-      entry: resolve(__dirname, 'src/index.js'),
-      name: NAME,
-      formats: ['es', 'cjs', 'iife'],
-      fileName: (format) => fileName[format],
-    },
-  },
-  server: {
-    port: 3005,
-    hmr: true,
-    watch: {
-      usePolling: true,
-    },
-  },
-};
-
-export default config;