@lancar/lxui 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +51 -51
  3. package/lx-grid.min.css +2 -2
  4. package/lx-utilities.min.css +2 -2
  5. package/lxeditor.min.css +2 -2
  6. package/lxfonts.min.css +2 -2
  7. package/lxicons.min.css +2 -2
  8. package/lxmarked.js +276 -0
  9. package/lxthemes.min.css +2 -2
  10. package/lxui.bundle.min.js +3 -3
  11. package/lxui.esm.min.js +2 -2
  12. package/lxui.js +2 -2
  13. package/lxui.min.css +1 -1
  14. package/lxui.min.js +2 -2
  15. package/lxui.rtl.min.css +1 -1
  16. package/package.json +3 -2
  17. package/types/index.d.ts +1 -1
package/lxui.min.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
- * LxUI v1.0.1 — Modern CSS Framework
2
+ * LxUI v1.0.2 — Modern CSS Framework
3
3
  * https://ui.lancar.id | https://cdn.lancar.id/ui/lxui.js
4
4
  * Copyright (c) 2025–2026 lancar.id
5
5
  * Licensed under MIT
6
6
  */
7
- !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LxUI=e()}(this,function(){"use strict";function t(t,e){return(e||document).querySelector(t)}function e(t,e){return Array.from((e||document).querySelectorAll(t))}function s(t,e,s){t&&t.addEventListener(e,s)}function i(t,e,s){t&&t.removeEventListener(e,s)}function o(t,e,s){t.dispatchEvent(new CustomEvent("lx."+e,{bubbles:!0,cancelable:!0,detail:s}))}function a(t){const i=e('button,a,[href],[tabindex]:not([tabindex="-1"]),input,select,textarea',t).filter(t=>!t.disabled&&null!==t.offsetParent);if(!i.length)return;const o=i[0],a=i[i.length-1];s(t,"keydown",t=>{"Tab"===t.key&&(t.shiftKey?document.activeElement===o&&(t.preventDefault(),a.focus()):document.activeElement===a&&(t.preventDefault(),o.focus()))})}class l{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({backdrop:!0,keyboard:!0,focus:!0},s),this._backdrop=null,this._prevFocus=null)}show(){this.el&&(o(this.el,"modal.show"),this._prevFocus=document.activeElement,this._backdrop=document.createElement("div"),this._backdrop.className="lx-modal-backdrop lx-fade lx-show",document.body.appendChild(this._backdrop),document.body.classList.add("lx-modal-open"),this.el.classList.add("lx-show"),this.el.style.display="flex",this.el.removeAttribute("aria-hidden"),this.opts.focus&&a(this.el),this.opts.keyboard&&(this._keyHandler=t=>{"Escape"===t.key&&this.hide()},s(document,"keydown",this._keyHandler)),this.opts.backdrop&&s(this._backdrop,"click",()=>this.hide()),requestAnimationFrame(()=>o(this.el,"modal.shown")))}hide(){this.el&&(o(this.el,"modal.hide"),this.el.classList.remove("lx-show"),this.el.style.display="",this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.classList.remove("lx-modal-open"),this._keyHandler&&i(document,"keydown",this._keyHandler),this._prevFocus&&this._prevFocus.focus(),o(this.el,"modal.hidden"))}toggle(){this.el.classList.contains("lx-show")?this.hide():this.show()}}const n={_container(t){const e="lx-toast-"+t;let s=document.getElementById(e);if(!s){s=document.createElement("div"),s.id=e;const i={"top-right":"top:1rem;right:1rem","top-left":"top:1rem;left:1rem","bottom-right":"bottom:1rem;right:1rem","bottom-left":"bottom:1rem;left:1rem","top-center":"top:1rem;left:50%;transform:translateX(-50%)"};s.setAttribute("style",`position:fixed;z-index:1090;display:flex;flex-direction:column;gap:.5rem;${i[t]||i["top-right"]}`),document.body.appendChild(s)}return s},show(t={}){const{message:e="",type:s="default",duration:i=4e3,position:o="top-right",title:a=""}=t,l={success:"#22c55e",warning:"#f59e0b",danger:"#ef4444",info:"#06b6d4",default:"#3b82f6"},n=document.createElement("div");n.setAttribute("role","alert"),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true"),n.style.cssText="background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.875rem 1rem;min-width:280px;max-width:380px;display:flex;align-items:flex-start;gap:.75rem;animation:lxSlideIn .2s ease";const r=document.createElement("span");if(r.style.cssText="width:8px;height:8px;border-radius:50%;background:"+(l[s]||l.default)+";flex-shrink:0;margin-top:4px",n.appendChild(r),a){const t=document.createElement("div"),s=document.createElement("strong");s.style.cssText="display:block;margin-bottom:2px;font-size:.875rem",s.textContent=a;const i=document.createElement("span");i.style.cssText="font-size:.875rem;color:var(--text-secondary,#6b7280)",i.textContent=e,t.appendChild(s),t.appendChild(i),n.appendChild(t)}else{const t=document.createElement("span");t.style.cssText="font-size:.875rem;color:var(--text-primary,#111827);flex:1",t.textContent=e,n.appendChild(t)}const c=document.createElement("button");if(c.style.cssText="background:none;border:none;cursor:pointer;padding:0;color:var(--text-muted,#9ca3af);font-size:1.125rem;line-height:1;margin-left:auto",c.setAttribute("aria-label","Close"),c.textContent="×",c.addEventListener("click",()=>n.remove()),n.appendChild(c),this._container(o).appendChild(n),!document.getElementById("lx-toast-style")){const t=document.createElement("style");t.id="lx-toast-style",t.textContent="@keyframes lxSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}",document.head.appendChild(t)}i>0&&setTimeout(()=>{n.style.opacity="0",n.style.transition="opacity .2s",setTimeout(()=>n.remove(),200)},i)},success(t,e={}){this.show({...e,message:t,type:"success"})},error(t,e={}){this.show({...e,message:t,type:"danger"})},warning(t,e={}){this.show({...e,message:t,type:"warning"})},info(t,e={}){this.show({...e,message:t,type:"info"})}};class r{constructor(e){this.el="string"==typeof e?t(e):e}show(){this.el&&(o(this.el,"collapse.show"),this.el.style.height="0px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),this.el.style.height=this.el.scrollHeight+"px",this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse","lx-show"),this.el.style.height="",o(this.el,"collapse.shown")},{once:!0}))}hide(){this.el&&(o(this.el,"collapse.hide"),this.el.style.height=this.el.scrollHeight+"px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),requestAnimationFrame(()=>{this.el.style.height="0px"}),this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse"),this.el.style.height="",o(this.el,"collapse.hidden")},{once:!0}))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}class c{constructor(e){this.trigger="string"==typeof e?t(e):e,this.menu=this.trigger&&this.trigger.nextElementSibling,this._outside=t=>{this.trigger.closest(".lx-dropdown").contains(t.target)||this.hide()}}show(){this.menu&&(o(this.trigger,"dropdown.show"),this.menu.classList.add("lx-show"),this.trigger.setAttribute("aria-expanded","true"),setTimeout(()=>s(document,"click",this._outside),0),o(this.trigger,"dropdown.shown"))}hide(){this.menu&&(o(this.trigger,"dropdown.hide"),this.menu.classList.remove("lx-show"),this.trigger.setAttribute("aria-expanded","false"),i(document,"click",this._outside),o(this.trigger,"dropdown.hidden"))}toggle(){this.menu&&this.menu.classList.contains("lx-show")?this.hide():this.show()}}class h{constructor(e){this.el="string"==typeof e?t(e):e,this._backdrop=null}show(){this.el&&(this._backdrop=document.createElement("div"),this._backdrop.className="lx-offcanvas-backdrop",this._backdrop.style.cssText="position:fixed;inset:0;z-index:1039;background:rgba(0,0,0,.5)",document.body.appendChild(this._backdrop),document.body.style.overflow="hidden",this.el.classList.add("lx-show"),this.el.removeAttribute("aria-hidden"),a(this.el),s(this._backdrop,"click",()=>this.hide()),s(document,"keydown",this._esc=t=>{"Escape"===t.key&&this.hide()}))}hide(){this.el&&(this.el.classList.remove("lx-show"),this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.style.overflow="",i(document,"keydown",this._esc))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}class d{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({placement:"top",trigger:"hover",html:!1,delay:{show:0,hide:0}},s),this._tip=null,this._attach())}_attach(){const t=()=>{clearTimeout(this._hideTimer),this._showTimer=setTimeout(()=>this._show(),this.opts.delay.show)},e=()=>{clearTimeout(this._showTimer),this._hideTimer=setTimeout(()=>this._hide(),this.opts.delay.hide)};this.opts.trigger.includes("hover")&&(s(this.el,"mouseenter",t),s(this.el,"mouseleave",e)),this.opts.trigger.includes("focus")&&(s(this.el,"focusin",t),s(this.el,"focusout",e))}_show(){const t=this.el.getAttribute("title")||this.el.dataset.lxOrigTitle||"";if(!t)return;this.el.getAttribute("title")&&(this.el.dataset.lxOrigTitle=t,this.el.removeAttribute("title")),this._tip=document.createElement("div"),this._tip.className="lx-tooltip lx-tooltip-"+this.opts.placement,this._tip.setAttribute("role","tooltip"),this._tip.style.cssText="position:absolute;z-index:1080;padding:4px 8px;background:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none",this._tip.textContent=t,document.body.appendChild(this._tip);const e=this.el.getBoundingClientRect(),s=this._tip.getBoundingClientRect(),i=window.scrollY,o=this.opts.placement;let a=0,l=0;"top"===o?(a=e.top+i-s.height-6,l=e.left+(e.width-s.width)/2):"bottom"===o?(a=e.bottom+i+6,l=e.left+(e.width-s.width)/2):"left"===o?(a=e.top+i+(e.height-s.height)/2,l=e.left-s.width-6):(a=e.top+i+(e.height-s.height)/2,l=e.right+6),this._tip.style.top=a+"px",this._tip.style.left=l+"px"}_hide(){this._tip&&(this._tip.remove(),this._tip=null)}}class p{constructor(e,i={}){if(this.el="string"==typeof e?t(e):e,!this.el)return;this.opts=Object.assign({offset:70},i);const o=this.el.dataset.lxTarget;this.nav=o?t(o):null,this._update=this._update.bind(this),s(this.el===document.body?window:this.el,"scroll",this._update),this._update()}_update(){if(!this.nav)return;const s=e('a[href^="#"]',this.nav),i=(this.el===document.body?window.scrollY:this.el.scrollTop)+this.opts.offset;let o=null;s.forEach(e=>{const s=t(e.getAttribute("href"));s&&s.offsetTop<=i&&(o=e)}),s.forEach(t=>t.classList.remove("lx-active")),o&&o.classList.add("lx-active")}}class u{constructor(e){this.trigger="string"==typeof e?t(e):e}show(){if(!this.trigger)return;const s=this.trigger.dataset.lxTarget,i=s?t(s):null;i&&(e(".lx-nav-link, .lx-tab-item",this.trigger.closest('[role="tablist"]')||this.trigger.parentElement.parentElement).forEach(t=>{t.classList.remove("lx-active"),t.setAttribute("aria-selected","false")}),e(".lx-tab-pane",i.parentElement).forEach(t=>t.classList.remove("lx-active","lx-show")),this.trigger.classList.add("lx-active"),this.trigger.setAttribute("aria-selected","true"),i.classList.add("lx-active","lx-show"))}}class m{constructor(i,o={}){this.el="string"==typeof i?t(i):i,this.el&&(this.opts=Object.assign({interval:5e3,pause:"hover",wrap:!0,touch:!0},o),this.inner=t(".lx-carousel-inner",this.el),this.items=e(".lx-carousel-item",this.el),this.current=this.items.findIndex(t=>t.classList.contains("lx-active")),this.current<0&&(this.current=0,this.items[0]&&this.items[0].classList.add("lx-active")),this._timer=null,this._sliding=!1,this.inner&&this._applyTransform(this.current,!1),this.opts.interval&&this.cycle(),"hover"===this.opts.pause&&(s(this.el,"mouseenter",()=>this.pause()),s(this.el,"mouseleave",()=>this.cycle())),this.opts.touch&&this._initTouch(),this._updateIndicators())}_applyTransform(t,e){this.inner&&(e||(this.inner.style.transition="none"),this.inner.style.transform="translateX(-"+100*t+"%)",e||(this.inner.getBoundingClientRect(),this.inner.style.transition=""))}_go(t){const e=this.items.length;if(!this.opts.wrap&&(t<0||t>=e))return;if(this._sliding)return;this._sliding=!0;const s=(t%e+e)%e;this.items.forEach((t,e)=>t.classList.toggle("lx-active",e===s)),this.current=s,this.inner?(this._applyTransform(this.current,!0),this.inner.addEventListener("transitionend",()=>{this._sliding=!1,o(this.el,"carousel.slid")},{once:!0}),setTimeout(()=>{this._sliding=!1},400)):this._sliding=!1,this._updateIndicators(),o(this.el,"carousel.slide")}_updateIndicators(){e(".lx-carousel-indicators button, .lx-carousel-indicators [data-lx-slide-to]",this.el).forEach((t,e)=>{t.classList.toggle("lx-active",e===this.current),t.setAttribute("aria-current",e===this.current?"true":"false")})}next(){this._go(this.current+1)}prev(){this._go(this.current-1)}to(t){this._go(t)}cycle(){this.pause(),this.opts.interval&&(this._timer=setInterval(()=>this.next(),this.opts.interval))}pause(){clearInterval(this._timer),this._timer=null}_initTouch(){let t=0,e=0;s(this.el,"touchstart",s=>{t=s.touches[0].clientX,e=s.touches[0].clientY}),s(this.el,"touchend",s=>{const i=s.changedTouches[0].clientX-t,o=s.changedTouches[0].clientY-e;Math.abs(i)>Math.abs(o)&&Math.abs(i)>40&&(i>0?this.prev():this.next())})}}const x={_bp:{xs:0,sm:640,md:768,lg:1024,xl:1280,"2xl":1536},current(){const t=window.innerWidth;return Object.entries(this._bp).reverse().find(([,e])=>t>=e)?.[0]||"xs"},on(t,e){const s=window.matchMedia(`(min-width: ${this._bp[t]}px)`);s.addEventListener("change",t=>{t.matches&&e()}),s.matches&&e()}},g={set(t,e){document.documentElement.dataset.theme=t,e&&(document.documentElement.dataset.mode=e)},setMode(t){document.documentElement.dataset.mode=t},toggle(){const t=document.documentElement.dataset.mode||"light";this.setMode("dark"===t?"light":"dark")},current:()=>({theme:document.documentElement.dataset.theme,mode:document.documentElement.dataset.mode}),save(t,e){this.set(t,e),localStorage.setItem("lx-theme",t),e&&localStorage.setItem("lx-mode",e)},restore(){const t=localStorage.getItem("lx-theme"),e=localStorage.getItem("lx-mode");t&&this.set(t,e||void 0)}},f={copy(t){if(navigator.clipboard&&window.isSecureContext)return navigator.clipboard.writeText(t);const e=document.createElement("textarea");e.value=t,e.style.cssText="position:fixed;top:-9999px;left:-9999px;opacity:0",document.body.appendChild(e),e.focus(),e.select();try{document.execCommand("copy")}catch(t){}return e.remove(),Promise.resolve()},bind(t,i){e(t).forEach(t=>{s(t,"click",async()=>{const e="function"==typeof i?i(t):t.dataset.lxCopy||t.textContent;await this.copy(e);const s=t.textContent;t.textContent=t.dataset.lxCopiedText||"Copied!",t.classList.add("lx-copied"),setTimeout(()=>{t.textContent=s,t.classList.remove("lx-copied")},2e3)})})}};class b{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({start:0,end:parseInt(this.el.dataset.lxEnd||this.el.textContent)||0,duration:parseInt(this.el.dataset.lxDuration)||2e3,prefix:this.el.dataset.lxPrefix||"",suffix:this.el.dataset.lxSuffix||"",decimals:parseInt(this.el.dataset.lxDecimals)||0,easing:!0},s))}_ease(t){return t<.5?2*t*t:(4-2*t)*t-1}_format(t){return this.opts.prefix+t.toFixed(this.opts.decimals).replace(/\B(?=(\d{3})+(?!\d))/g,",")+this.opts.suffix}start(){const{start:t,end:e,duration:s,easing:i}=this.opts,o=e-t;let a=null;const l=n=>{a||(a=n);const r=Math.min(n-a,s),c=i?this._ease(r/s):r/s;this.el.textContent=this._format(t+o*c),r<s?requestAnimationFrame(l):this.el.textContent=this._format(e)};requestAnimationFrame(l)}static observeAll(t,s){if("IntersectionObserver"in window){const i=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(new b(t.target,s).start(),i.unobserve(t.target))})},{threshold:.5});e(t).forEach(t=>i.observe(t))}else e(t).forEach(t=>new b(t,s).start())}}class v{constructor(e,s={}){this.wrap="string"==typeof e?t(e):e,this.wrap&&(this.input=t("input",this.wrap),this.input&&(this.opts=Object.assign({step:1,min:-1/0,max:1/0},s),this.opts.min=parseFloat(this.input.min||this.opts.min),this.opts.max=parseFloat(this.input.max||this.opts.max),this.opts.step=parseFloat(this.input.step||this.opts.step)||1,this._attach()))}_val(){return parseFloat(this.input.value)||0}_set(t){const e=Math.min(this.opts.max,Math.max(this.opts.min,t));this.input.value=e,o(this.input,"change",{value:e}),this._updateBtns()}_updateBtns(){const e=this._val(),s=t(".lx-number-btn[data-lx-dec]",this.wrap)||t(".lx-number-dec",this.wrap),i=t(".lx-number-btn[data-lx-inc]",this.wrap)||t(".lx-number-inc",this.wrap);s&&(s.disabled=e<=this.opts.min),i&&(i.disabled=e>=this.opts.max)}_attach(){s(this.wrap,"click",t=>{const e=t.target.closest("[data-lx-dec],[data-lx-inc],.lx-number-dec,.lx-number-inc");e&&(e.matches("[data-lx-dec],.lx-number-dec")&&this._set(this._val()-this.opts.step),e.matches("[data-lx-inc],.lx-number-inc")&&this._set(this._val()+this.opts.step))}),s(this.input,"change",()=>this._set(this._val())),s(this.input,"keydown",t=>{"ArrowUp"===t.key&&(t.preventDefault(),this._set(this._val()+this.opts.step)),"ArrowDown"===t.key&&(t.preventDefault(),this._set(this._val()-this.opts.step))}),this._updateBtns()}}class y{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({stars:5,value:0,readonly:void 0!==this.el.dataset.lxReadonly},s),this.value=parseFloat(this.el.dataset.lxValue||this.opts.value)||0,this._render())}_render(){this.el.innerHTML="",this.el.setAttribute("role","radiogroup");for(let t=1;t<=this.opts.stars;t++){const e=document.createElement("span");e.className="lx-rating-star"+(t<=this.value?" lx-filled":""),e.setAttribute("role","radio"),e.setAttribute("aria-label",t+" star"+(1!==t?"s":"")),e.setAttribute("aria-checked",t<=this.value?"true":"false"),e.dataset.value=t,this.el.appendChild(e)}this.opts.readonly?this.el.dataset.readonly="":(s(this.el,"click",t=>{const s=t.target.closest(".lx-rating-star");s&&(this.value=parseInt(s.dataset.value),e(".lx-rating-star",this.el).forEach((t,e)=>{const s=e+1<=this.value;t.classList.toggle("lx-filled",s),t.setAttribute("aria-checked",s?"true":"false")}),o(this.el,"rating.change",{value:this.value}))}),s(this.el,"mouseover",t=>{const s=t.target.closest(".lx-rating-star");if(!s)return;const i=parseInt(s.dataset.value);e(".lx-rating-star",this.el).forEach((t,e)=>t.classList.toggle("lx-hovered",e+1<=i))}),s(this.el,"mouseleave",()=>e(".lx-rating-star",this.el).forEach(t=>t.classList.remove("lx-hovered"))))}setValue(t){this.value=t,this._render()}getValue(){return this.value}}function w(){s(document,"click",s=>{const i=s.target.closest("[data-lx-toggle], [data-lx-dismiss], [data-lx-slide], [data-lx-slide-to]");if(!i)return;const o=i.dataset.lxToggle,a=i.dataset.lxDismiss,n=i.dataset.lxTarget?t(i.dataset.lxTarget):null;if("modal"===a){const t=i.closest(".lx-modal");t&&new l(t).hide()}else if("offcanvas"===a){const t=i.closest(".lx-offcanvas");t&&new h(t).hide()}else if("alert"===a){const t=i.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}else if("toast"===a){const t=i.closest(".lx-toast");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}if("modal"===o&&n)s.preventDefault(),new l(n).toggle();else if("collapse"===o&&n){s.preventDefault(),new r(n).toggle();const t=n.classList.contains("lx-show");i.setAttribute("aria-expanded",(!t).toString())}else if("accordion"===o&&n){s.preventDefault();const t=n.classList.contains("lx-show"),o=i.closest(".lx-accordion");o&&(e(".lx-accordion-body.lx-show",o).forEach(t=>{t!==n&&new r(t).hide()}),e(".lx-accordion-trigger",o).forEach(t=>{t!==i&&(t.classList.remove("lx-active"),t.setAttribute("aria-expanded","false"))})),new r(n)[t?"hide":"show"](),i.classList.toggle("lx-active",!t),i.setAttribute("aria-expanded",(!t).toString())}else"dropdown"===o?(s.preventDefault(),s.stopPropagation(),new c(i).toggle()):"offcanvas"===o&&n?(s.preventDefault(),new h(n).toggle()):"tab"===o&&n&&(s.preventDefault(),new u(i).show());const d=i.dataset.lxSlideTo,p=i.dataset.lxSlide;if(void 0!==d||p){const e=t(i.dataset.lxTarget)||i.closest(".lx-carousel");e&&e._lxCarousel&&("next"===p?e._lxCarousel.next():"prev"===p?e._lxCarousel.prev():void 0!==d&&e._lxCarousel.to(parseInt(d)))}}),s(document,"click",t=>{const e=t.target.closest('[data-lx-dismiss="alert"]');if(e){const t=e.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}}),e('[data-lx-spy="scroll"]').forEach(t=>new p(t)),e('[data-lx-toggle="tooltip"]').forEach(t=>new d(t,{placement:t.dataset.lxPlacement||"top",trigger:"hover focus",delay:{show:100,hide:0}})),e(".lx-carousel").forEach(t=>{const e=new m(t,{interval:parseInt(t.dataset.lxInterval)||5e3});t._lxCarousel=e}),function(){const t=e("[data-lx-lazy]");if(t.length)if("IntersectionObserver"in window){const e=new IntersectionObserver(t=>{t.forEach(t=>{if(!t.isIntersecting)return;const s=t.target;s.dataset.lxSrc&&(s.src=s.dataset.lxSrc),s.dataset.lxSrcset&&(s.srcset=s.dataset.lxSrcset),s.dataset.lxBg&&(s.style.backgroundImage="url("+s.dataset.lxBg+")"),s.removeAttribute("data-lx-lazy"),s.classList.add("lx-lazy-loaded"),e.unobserve(s)})},{rootMargin:"200px"});t.forEach(t=>e.observe(t))}else t.forEach(t=>{t.dataset.lxSrc&&(t.src=t.dataset.lxSrc),t.dataset.lxSrcset&&(t.srcset=t.dataset.lxSrcset),t.dataset.lxBg&&(t.style.backgroundImage="url("+t.dataset.lxBg+")")})}(),function(){const t=e(".lx-back-top");if(!t.length)return;const i=()=>{const e=window.scrollY>300;t.forEach(t=>t.classList.toggle("lx-show",e))};s(window,"scroll",i),t.forEach(t=>s(t,"click",t=>{t.preventDefault(),window.scrollTo({top:0,behavior:"smooth"})})),i()}(),e("[data-lx-copy-trigger]").forEach(e=>{s(e,"click",async()=>{const s=e.dataset.lxCopyTarget?t(e.dataset.lxCopyTarget):e.closest(".lx-code-block")?.querySelector("pre");if(!s)return;await f.copy(s.textContent),e.classList.add("lx-copied");const i=e.textContent;e.textContent="Copied!",setTimeout(()=>{e.textContent=i,e.classList.remove("lx-copied")},2e3)})}),e(".lx-file-drop").forEach(e=>{const i=t('input[type="file"]',e);["dragenter","dragover"].forEach(t=>s(e,t,t=>{t.preventDefault(),e.classList.add("lx-drag-over")})),["dragleave","drop"].forEach(t=>s(e,t,t=>{t.preventDefault(),e.classList.remove("lx-drag-over")})),s(e,"drop",t=>{const s=t.dataTransfer.files;if(i)try{i.files=s}catch(t){}o(e,"file.drop",{files:s})}),s(e,"click",()=>i&&i.click()),i&&s(i,"change",()=>o(e,"file.select",{files:i.files}))}),e(".lx-number-input").forEach(t=>new v(t)),e(".lx-rating").forEach(t=>new y(t)),g.restore()}return"loading"===document.readyState?s(document,"DOMContentLoaded",w):w(),{init:w,Modal:l,Toast:n,Collapse:r,Dropdown:c,Offcanvas:h,Tooltip:d,Popover:class{constructor(e,i={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({placement:"top",trigger:"click",html:!1},i),this._pop=null,this.opts.trigger.includes("click")&&s(this.el,"click",()=>this._pop?this._hide():this._show()))}_show(){const t=this.el.dataset.lxTitle||"",e=this.el.dataset.lxContent||"";if(this._pop=document.createElement("div"),this._pop.className="lx-popover",this._pop.setAttribute("role","tooltip"),this._pop.style.cssText="position:absolute;z-index:1070;background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.75rem 1rem;min-width:200px;max-width:300px",t){const e=document.createElement("strong");e.style.cssText="display:block;margin-bottom:.5rem;font-size:.875rem",e.textContent=t,this._pop.appendChild(e)}const i=document.createElement("p");i.style.cssText="margin:0;font-size:.875rem;color:var(--text-secondary,#6b7280)",i.textContent=e,this._pop.appendChild(i),document.body.appendChild(this._pop);const o=this.el.getBoundingClientRect(),a=window.scrollY;this._pop.style.top=o.bottom+a+8+"px",this._pop.style.left=o.left+"px",setTimeout(()=>s(document,"click",this._outside=t=>{this.el.contains(t.target)||this._pop?.contains(t.target)||this._hide()}),0)}_hide(){this._pop&&(this._pop.remove(),this._pop=null,i(document,"click",this._outside))}},Tab:u,Carousel:m,Scrollspy:p,Clipboard:f,Counter:b,NumberInput:v,Rating:y,breakpoint:x,theme:g,LxToast:n,version:"1.0.1",homepage:"https://ui.lancar.id"}});
7
+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LxUI=e()}(this,function(){"use strict";function t(t,e){return(e||document).querySelector(t)}function e(t,e){return Array.from((e||document).querySelectorAll(t))}function s(t,e,s){t&&t.addEventListener(e,s)}function i(t,e,s){t&&t.removeEventListener(e,s)}function o(t,e,s){t.dispatchEvent(new CustomEvent("lx."+e,{bubbles:!0,cancelable:!0,detail:s}))}function a(t){const i=e('button,a,[href],[tabindex]:not([tabindex="-1"]),input,select,textarea',t).filter(t=>!t.disabled&&null!==t.offsetParent);if(!i.length)return;const o=i[0],a=i[i.length-1];s(t,"keydown",t=>{"Tab"===t.key&&(t.shiftKey?document.activeElement===o&&(t.preventDefault(),a.focus()):document.activeElement===a&&(t.preventDefault(),o.focus()))})}class l{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({backdrop:!0,keyboard:!0,focus:!0},s),this._backdrop=null,this._prevFocus=null)}show(){this.el&&(o(this.el,"modal.show"),this._prevFocus=document.activeElement,this._backdrop=document.createElement("div"),this._backdrop.className="lx-modal-backdrop lx-fade lx-show",document.body.appendChild(this._backdrop),document.body.classList.add("lx-modal-open"),this.el.classList.add("lx-show"),this.el.style.display="flex",this.el.removeAttribute("aria-hidden"),this.opts.focus&&a(this.el),this.opts.keyboard&&(this._keyHandler=t=>{"Escape"===t.key&&this.hide()},s(document,"keydown",this._keyHandler)),this.opts.backdrop&&s(this._backdrop,"click",()=>this.hide()),requestAnimationFrame(()=>o(this.el,"modal.shown")))}hide(){this.el&&(o(this.el,"modal.hide"),this.el.classList.remove("lx-show"),this.el.style.display="",this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.classList.remove("lx-modal-open"),this._keyHandler&&i(document,"keydown",this._keyHandler),this._prevFocus&&this._prevFocus.focus(),o(this.el,"modal.hidden"))}toggle(){this.el.classList.contains("lx-show")?this.hide():this.show()}}const n={_container(t){const e="lx-toast-"+t;let s=document.getElementById(e);if(!s){s=document.createElement("div"),s.id=e;const i={"top-right":"top:1rem;right:1rem","top-left":"top:1rem;left:1rem","bottom-right":"bottom:1rem;right:1rem","bottom-left":"bottom:1rem;left:1rem","top-center":"top:1rem;left:50%;transform:translateX(-50%)"};s.setAttribute("style",`position:fixed;z-index:1090;display:flex;flex-direction:column;gap:.5rem;${i[t]||i["top-right"]}`),document.body.appendChild(s)}return s},show(t={}){const{message:e="",type:s="default",duration:i=4e3,position:o="top-right",title:a=""}=t,l={success:"#22c55e",warning:"#f59e0b",danger:"#ef4444",info:"#06b6d4",default:"#3b82f6"},n=document.createElement("div");n.setAttribute("role","alert"),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true"),n.style.cssText="background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.875rem 1rem;min-width:280px;max-width:380px;display:flex;align-items:flex-start;gap:.75rem;animation:lxSlideIn .2s ease";const r=document.createElement("span");if(r.style.cssText="width:8px;height:8px;border-radius:50%;background:"+(l[s]||l.default)+";flex-shrink:0;margin-top:4px",n.appendChild(r),a){const t=document.createElement("div"),s=document.createElement("strong");s.style.cssText="display:block;margin-bottom:2px;font-size:.875rem",s.textContent=a;const i=document.createElement("span");i.style.cssText="font-size:.875rem;color:var(--text-secondary,#6b7280)",i.textContent=e,t.appendChild(s),t.appendChild(i),n.appendChild(t)}else{const t=document.createElement("span");t.style.cssText="font-size:.875rem;color:var(--text-primary,#111827);flex:1",t.textContent=e,n.appendChild(t)}const c=document.createElement("button");if(c.style.cssText="background:none;border:none;cursor:pointer;padding:0;color:var(--text-muted,#9ca3af);font-size:1.125rem;line-height:1;margin-left:auto",c.setAttribute("aria-label","Close"),c.textContent="×",c.addEventListener("click",()=>n.remove()),n.appendChild(c),this._container(o).appendChild(n),!document.getElementById("lx-toast-style")){const t=document.createElement("style");t.id="lx-toast-style",t.textContent="@keyframes lxSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}",document.head.appendChild(t)}i>0&&setTimeout(()=>{n.style.opacity="0",n.style.transition="opacity .2s",setTimeout(()=>n.remove(),200)},i)},success(t,e={}){this.show({...e,message:t,type:"success"})},error(t,e={}){this.show({...e,message:t,type:"danger"})},warning(t,e={}){this.show({...e,message:t,type:"warning"})},info(t,e={}){this.show({...e,message:t,type:"info"})}};class r{constructor(e){this.el="string"==typeof e?t(e):e}show(){this.el&&(o(this.el,"collapse.show"),this.el.style.height="0px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),this.el.style.height=this.el.scrollHeight+"px",this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse","lx-show"),this.el.style.height="",o(this.el,"collapse.shown")},{once:!0}))}hide(){this.el&&(o(this.el,"collapse.hide"),this.el.style.height=this.el.scrollHeight+"px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),requestAnimationFrame(()=>{this.el.style.height="0px"}),this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse"),this.el.style.height="",o(this.el,"collapse.hidden")},{once:!0}))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}class c{constructor(e){this.trigger="string"==typeof e?t(e):e,this.menu=this.trigger&&this.trigger.nextElementSibling,this._outside=t=>{this.trigger.closest(".lx-dropdown").contains(t.target)||this.hide()}}show(){this.menu&&(o(this.trigger,"dropdown.show"),this.menu.classList.add("lx-show"),this.trigger.setAttribute("aria-expanded","true"),setTimeout(()=>s(document,"click",this._outside),0),o(this.trigger,"dropdown.shown"))}hide(){this.menu&&(o(this.trigger,"dropdown.hide"),this.menu.classList.remove("lx-show"),this.trigger.setAttribute("aria-expanded","false"),i(document,"click",this._outside),o(this.trigger,"dropdown.hidden"))}toggle(){this.menu&&this.menu.classList.contains("lx-show")?this.hide():this.show()}}class h{constructor(e){this.el="string"==typeof e?t(e):e,this._backdrop=null}show(){this.el&&(this._backdrop=document.createElement("div"),this._backdrop.className="lx-offcanvas-backdrop",this._backdrop.style.cssText="position:fixed;inset:0;z-index:1039;background:rgba(0,0,0,.5)",document.body.appendChild(this._backdrop),document.body.style.overflow="hidden",this.el.classList.add("lx-show"),this.el.removeAttribute("aria-hidden"),a(this.el),s(this._backdrop,"click",()=>this.hide()),s(document,"keydown",this._esc=t=>{"Escape"===t.key&&this.hide()}))}hide(){this.el&&(this.el.classList.remove("lx-show"),this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.style.overflow="",i(document,"keydown",this._esc))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}class d{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({placement:"top",trigger:"hover",html:!1,delay:{show:0,hide:0}},s),this._tip=null,this._attach())}_attach(){const t=()=>{clearTimeout(this._hideTimer),this._showTimer=setTimeout(()=>this._show(),this.opts.delay.show)},e=()=>{clearTimeout(this._showTimer),this._hideTimer=setTimeout(()=>this._hide(),this.opts.delay.hide)};this.opts.trigger.includes("hover")&&(s(this.el,"mouseenter",t),s(this.el,"mouseleave",e)),this.opts.trigger.includes("focus")&&(s(this.el,"focusin",t),s(this.el,"focusout",e))}_show(){const t=this.el.getAttribute("title")||this.el.dataset.lxOrigTitle||"";if(!t)return;this.el.getAttribute("title")&&(this.el.dataset.lxOrigTitle=t,this.el.removeAttribute("title")),this._tip=document.createElement("div"),this._tip.className="lx-tooltip lx-tooltip-"+this.opts.placement,this._tip.setAttribute("role","tooltip"),this._tip.style.cssText="position:absolute;z-index:1080;padding:4px 8px;background:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none",this._tip.textContent=t,document.body.appendChild(this._tip);const e=this.el.getBoundingClientRect(),s=this._tip.getBoundingClientRect(),i=window.scrollY,o=this.opts.placement;let a=0,l=0;"top"===o?(a=e.top+i-s.height-6,l=e.left+(e.width-s.width)/2):"bottom"===o?(a=e.bottom+i+6,l=e.left+(e.width-s.width)/2):"left"===o?(a=e.top+i+(e.height-s.height)/2,l=e.left-s.width-6):(a=e.top+i+(e.height-s.height)/2,l=e.right+6),this._tip.style.top=a+"px",this._tip.style.left=l+"px"}_hide(){this._tip&&(this._tip.remove(),this._tip=null)}}class p{constructor(e,i={}){if(this.el="string"==typeof e?t(e):e,!this.el)return;this.opts=Object.assign({offset:70},i);const o=this.el.dataset.lxTarget;this.nav=o?t(o):null,this._update=this._update.bind(this),s(this.el===document.body?window:this.el,"scroll",this._update),this._update()}_update(){if(!this.nav)return;const s=e('a[href^="#"]',this.nav),i=(this.el===document.body?window.scrollY:this.el.scrollTop)+this.opts.offset;let o=null;s.forEach(e=>{const s=t(e.getAttribute("href"));s&&s.offsetTop<=i&&(o=e)}),s.forEach(t=>t.classList.remove("lx-active")),o&&o.classList.add("lx-active")}}class u{constructor(e){this.trigger="string"==typeof e?t(e):e}show(){if(!this.trigger)return;const s=this.trigger.dataset.lxTarget,i=s?t(s):null;i&&(e(".lx-nav-link, .lx-tab-item",this.trigger.closest('[role="tablist"]')||this.trigger.parentElement.parentElement).forEach(t=>{t.classList.remove("lx-active"),t.setAttribute("aria-selected","false")}),e(".lx-tab-pane",i.parentElement).forEach(t=>t.classList.remove("lx-active","lx-show")),this.trigger.classList.add("lx-active"),this.trigger.setAttribute("aria-selected","true"),i.classList.add("lx-active","lx-show"))}}class m{constructor(i,o={}){this.el="string"==typeof i?t(i):i,this.el&&(this.opts=Object.assign({interval:5e3,pause:"hover",wrap:!0,touch:!0},o),this.inner=t(".lx-carousel-inner",this.el),this.items=e(".lx-carousel-item",this.el),this.current=this.items.findIndex(t=>t.classList.contains("lx-active")),this.current<0&&(this.current=0,this.items[0]&&this.items[0].classList.add("lx-active")),this._timer=null,this._sliding=!1,this.inner&&this._applyTransform(this.current,!1),this.opts.interval&&this.cycle(),"hover"===this.opts.pause&&(s(this.el,"mouseenter",()=>this.pause()),s(this.el,"mouseleave",()=>this.cycle())),this.opts.touch&&this._initTouch(),this._updateIndicators())}_applyTransform(t,e){this.inner&&(e||(this.inner.style.transition="none"),this.inner.style.transform="translateX(-"+100*t+"%)",e||(this.inner.getBoundingClientRect(),this.inner.style.transition=""))}_go(t){const e=this.items.length;if(!this.opts.wrap&&(t<0||t>=e))return;if(this._sliding)return;this._sliding=!0;const s=(t%e+e)%e;this.items.forEach((t,e)=>t.classList.toggle("lx-active",e===s)),this.current=s,this.inner?(this._applyTransform(this.current,!0),this.inner.addEventListener("transitionend",()=>{this._sliding=!1,o(this.el,"carousel.slid")},{once:!0}),setTimeout(()=>{this._sliding=!1},400)):this._sliding=!1,this._updateIndicators(),o(this.el,"carousel.slide")}_updateIndicators(){e(".lx-carousel-indicators button, .lx-carousel-indicators [data-lx-slide-to]",this.el).forEach((t,e)=>{t.classList.toggle("lx-active",e===this.current),t.setAttribute("aria-current",e===this.current?"true":"false")})}next(){this._go(this.current+1)}prev(){this._go(this.current-1)}to(t){this._go(t)}cycle(){this.pause(),this.opts.interval&&(this._timer=setInterval(()=>this.next(),this.opts.interval))}pause(){clearInterval(this._timer),this._timer=null}_initTouch(){let t=0,e=0;s(this.el,"touchstart",s=>{t=s.touches[0].clientX,e=s.touches[0].clientY}),s(this.el,"touchend",s=>{const i=s.changedTouches[0].clientX-t,o=s.changedTouches[0].clientY-e;Math.abs(i)>Math.abs(o)&&Math.abs(i)>40&&(i>0?this.prev():this.next())})}}const x={_bp:{xs:0,sm:640,md:768,lg:1024,xl:1280,"2xl":1536},current(){const t=window.innerWidth;return Object.entries(this._bp).reverse().find(([,e])=>t>=e)?.[0]||"xs"},on(t,e){const s=window.matchMedia(`(min-width: ${this._bp[t]}px)`);s.addEventListener("change",t=>{t.matches&&e()}),s.matches&&e()}},g={set(t,e){document.documentElement.dataset.theme=t,e&&(document.documentElement.dataset.mode=e)},setMode(t){document.documentElement.dataset.mode=t},toggle(){const t=document.documentElement.dataset.mode||"light";this.setMode("dark"===t?"light":"dark")},current:()=>({theme:document.documentElement.dataset.theme,mode:document.documentElement.dataset.mode}),save(t,e){this.set(t,e),localStorage.setItem("lx-theme",t),e&&localStorage.setItem("lx-mode",e)},restore(){const t=localStorage.getItem("lx-theme"),e=localStorage.getItem("lx-mode");t&&this.set(t,e||void 0)}},f={copy(t){if(navigator.clipboard&&window.isSecureContext)return navigator.clipboard.writeText(t);const e=document.createElement("textarea");e.value=t,e.style.cssText="position:fixed;top:-9999px;left:-9999px;opacity:0",document.body.appendChild(e),e.focus(),e.select();try{document.execCommand("copy")}catch(t){}return e.remove(),Promise.resolve()},bind(t,i){e(t).forEach(t=>{s(t,"click",async()=>{const e="function"==typeof i?i(t):t.dataset.lxCopy||t.textContent;await this.copy(e);const s=t.textContent;t.textContent=t.dataset.lxCopiedText||"Copied!",t.classList.add("lx-copied"),setTimeout(()=>{t.textContent=s,t.classList.remove("lx-copied")},2e3)})})}};class b{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({start:0,end:parseInt(this.el.dataset.lxEnd||this.el.textContent)||0,duration:parseInt(this.el.dataset.lxDuration)||2e3,prefix:this.el.dataset.lxPrefix||"",suffix:this.el.dataset.lxSuffix||"",decimals:parseInt(this.el.dataset.lxDecimals)||0,easing:!0},s))}_ease(t){return t<.5?2*t*t:(4-2*t)*t-1}_format(t){return this.opts.prefix+t.toFixed(this.opts.decimals).replace(/\B(?=(\d{3})+(?!\d))/g,",")+this.opts.suffix}start(){const{start:t,end:e,duration:s,easing:i}=this.opts,o=e-t;let a=null;const l=n=>{a||(a=n);const r=Math.min(n-a,s),c=i?this._ease(r/s):r/s;this.el.textContent=this._format(t+o*c),r<s?requestAnimationFrame(l):this.el.textContent=this._format(e)};requestAnimationFrame(l)}static observeAll(t,s){if("IntersectionObserver"in window){const i=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(new b(t.target,s).start(),i.unobserve(t.target))})},{threshold:.5});e(t).forEach(t=>i.observe(t))}else e(t).forEach(t=>new b(t,s).start())}}class v{constructor(e,s={}){this.wrap="string"==typeof e?t(e):e,this.wrap&&(this.input=t("input",this.wrap),this.input&&(this.opts=Object.assign({step:1,min:-1/0,max:1/0},s),this.opts.min=parseFloat(this.input.min||this.opts.min),this.opts.max=parseFloat(this.input.max||this.opts.max),this.opts.step=parseFloat(this.input.step||this.opts.step)||1,this._attach()))}_val(){return parseFloat(this.input.value)||0}_set(t){const e=Math.min(this.opts.max,Math.max(this.opts.min,t));this.input.value=e,o(this.input,"change",{value:e}),this._updateBtns()}_updateBtns(){const e=this._val(),s=t(".lx-number-btn[data-lx-dec]",this.wrap)||t(".lx-number-dec",this.wrap),i=t(".lx-number-btn[data-lx-inc]",this.wrap)||t(".lx-number-inc",this.wrap);s&&(s.disabled=e<=this.opts.min),i&&(i.disabled=e>=this.opts.max)}_attach(){s(this.wrap,"click",t=>{const e=t.target.closest("[data-lx-dec],[data-lx-inc],.lx-number-dec,.lx-number-inc");e&&(e.matches("[data-lx-dec],.lx-number-dec")&&this._set(this._val()-this.opts.step),e.matches("[data-lx-inc],.lx-number-inc")&&this._set(this._val()+this.opts.step))}),s(this.input,"change",()=>this._set(this._val())),s(this.input,"keydown",t=>{"ArrowUp"===t.key&&(t.preventDefault(),this._set(this._val()+this.opts.step)),"ArrowDown"===t.key&&(t.preventDefault(),this._set(this._val()-this.opts.step))}),this._updateBtns()}}class y{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({stars:5,value:0,readonly:void 0!==this.el.dataset.lxReadonly},s),this.value=parseFloat(this.el.dataset.lxValue||this.opts.value)||0,this._render())}_render(){this.el.innerHTML="",this.el.setAttribute("role","radiogroup");for(let t=1;t<=this.opts.stars;t++){const e=document.createElement("span");e.className="lx-rating-star"+(t<=this.value?" lx-filled":""),e.setAttribute("role","radio"),e.setAttribute("aria-label",t+" star"+(1!==t?"s":"")),e.setAttribute("aria-checked",t<=this.value?"true":"false"),e.dataset.value=t,this.el.appendChild(e)}this.opts.readonly?this.el.dataset.readonly="":(s(this.el,"click",t=>{const s=t.target.closest(".lx-rating-star");s&&(this.value=parseInt(s.dataset.value),e(".lx-rating-star",this.el).forEach((t,e)=>{const s=e+1<=this.value;t.classList.toggle("lx-filled",s),t.setAttribute("aria-checked",s?"true":"false")}),o(this.el,"rating.change",{value:this.value}))}),s(this.el,"mouseover",t=>{const s=t.target.closest(".lx-rating-star");if(!s)return;const i=parseInt(s.dataset.value);e(".lx-rating-star",this.el).forEach((t,e)=>t.classList.toggle("lx-hovered",e+1<=i))}),s(this.el,"mouseleave",()=>e(".lx-rating-star",this.el).forEach(t=>t.classList.remove("lx-hovered"))))}setValue(t){this.value=t,this._render()}getValue(){return this.value}}function w(){s(document,"click",s=>{const i=s.target.closest("[data-lx-toggle], [data-lx-dismiss], [data-lx-slide], [data-lx-slide-to]");if(!i)return;const o=i.dataset.lxToggle,a=i.dataset.lxDismiss,n=i.dataset.lxTarget?t(i.dataset.lxTarget):null;if("modal"===a){const t=i.closest(".lx-modal");t&&new l(t).hide()}else if("offcanvas"===a){const t=i.closest(".lx-offcanvas");t&&new h(t).hide()}else if("alert"===a){const t=i.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}else if("toast"===a){const t=i.closest(".lx-toast");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}if("modal"===o&&n)s.preventDefault(),new l(n).toggle();else if("collapse"===o&&n){s.preventDefault(),new r(n).toggle();const t=n.classList.contains("lx-show");i.setAttribute("aria-expanded",(!t).toString())}else if("accordion"===o&&n){s.preventDefault();const t=n.classList.contains("lx-show"),o=i.closest(".lx-accordion");o&&(e(".lx-accordion-body.lx-show",o).forEach(t=>{t!==n&&new r(t).hide()}),e(".lx-accordion-trigger",o).forEach(t=>{t!==i&&(t.classList.remove("lx-active"),t.setAttribute("aria-expanded","false"))})),new r(n)[t?"hide":"show"](),i.classList.toggle("lx-active",!t),i.setAttribute("aria-expanded",(!t).toString())}else"dropdown"===o?(s.preventDefault(),s.stopPropagation(),new c(i).toggle()):"offcanvas"===o&&n?(s.preventDefault(),new h(n).toggle()):"tab"===o&&n&&(s.preventDefault(),new u(i).show());const d=i.dataset.lxSlideTo,p=i.dataset.lxSlide;if(void 0!==d||p){const e=t(i.dataset.lxTarget)||i.closest(".lx-carousel");e&&e._lxCarousel&&("next"===p?e._lxCarousel.next():"prev"===p?e._lxCarousel.prev():void 0!==d&&e._lxCarousel.to(parseInt(d)))}}),s(document,"click",t=>{const e=t.target.closest('[data-lx-dismiss="alert"]');if(e){const t=e.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}}),e('[data-lx-spy="scroll"]').forEach(t=>new p(t)),e('[data-lx-toggle="tooltip"]').forEach(t=>new d(t,{placement:t.dataset.lxPlacement||"top",trigger:"hover focus",delay:{show:100,hide:0}})),e(".lx-carousel").forEach(t=>{const e=new m(t,{interval:parseInt(t.dataset.lxInterval)||5e3});t._lxCarousel=e}),function(){const t=e("[data-lx-lazy]");if(t.length)if("IntersectionObserver"in window){const e=new IntersectionObserver(t=>{t.forEach(t=>{if(!t.isIntersecting)return;const s=t.target;s.dataset.lxSrc&&(s.src=s.dataset.lxSrc),s.dataset.lxSrcset&&(s.srcset=s.dataset.lxSrcset),s.dataset.lxBg&&(s.style.backgroundImage="url("+s.dataset.lxBg+")"),s.removeAttribute("data-lx-lazy"),s.classList.add("lx-lazy-loaded"),e.unobserve(s)})},{rootMargin:"200px"});t.forEach(t=>e.observe(t))}else t.forEach(t=>{t.dataset.lxSrc&&(t.src=t.dataset.lxSrc),t.dataset.lxSrcset&&(t.srcset=t.dataset.lxSrcset),t.dataset.lxBg&&(t.style.backgroundImage="url("+t.dataset.lxBg+")")})}(),function(){const t=e(".lx-back-top");if(!t.length)return;const i=()=>{const e=window.scrollY>300;t.forEach(t=>t.classList.toggle("lx-show",e))};s(window,"scroll",i),t.forEach(t=>s(t,"click",t=>{t.preventDefault(),window.scrollTo({top:0,behavior:"smooth"})})),i()}(),e("[data-lx-copy-trigger]").forEach(e=>{s(e,"click",async()=>{const s=e.dataset.lxCopyTarget?t(e.dataset.lxCopyTarget):e.closest(".lx-code-block")?.querySelector("pre");if(!s)return;await f.copy(s.textContent),e.classList.add("lx-copied");const i=e.textContent;e.textContent="Copied!",setTimeout(()=>{e.textContent=i,e.classList.remove("lx-copied")},2e3)})}),e(".lx-file-drop").forEach(e=>{const i=t('input[type="file"]',e);["dragenter","dragover"].forEach(t=>s(e,t,t=>{t.preventDefault(),e.classList.add("lx-drag-over")})),["dragleave","drop"].forEach(t=>s(e,t,t=>{t.preventDefault(),e.classList.remove("lx-drag-over")})),s(e,"drop",t=>{const s=t.dataTransfer.files;if(i)try{i.files=s}catch(t){}o(e,"file.drop",{files:s})}),s(e,"click",()=>i&&i.click()),i&&s(i,"change",()=>o(e,"file.select",{files:i.files}))}),e(".lx-number-input").forEach(t=>new v(t)),e(".lx-rating").forEach(t=>new y(t)),g.restore()}return"loading"===document.readyState?s(document,"DOMContentLoaded",w):w(),{init:w,Modal:l,Toast:n,Collapse:r,Dropdown:c,Offcanvas:h,Tooltip:d,Popover:class{constructor(e,i={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({placement:"top",trigger:"click",html:!1},i),this._pop=null,this.opts.trigger.includes("click")&&s(this.el,"click",()=>this._pop?this._hide():this._show()))}_show(){const t=this.el.dataset.lxTitle||"",e=this.el.dataset.lxContent||"";if(this._pop=document.createElement("div"),this._pop.className="lx-popover",this._pop.setAttribute("role","tooltip"),this._pop.style.cssText="position:absolute;z-index:1070;background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.75rem 1rem;min-width:200px;max-width:300px",t){const e=document.createElement("strong");e.style.cssText="display:block;margin-bottom:.5rem;font-size:.875rem",e.textContent=t,this._pop.appendChild(e)}const i=document.createElement("p");i.style.cssText="margin:0;font-size:.875rem;color:var(--text-secondary,#6b7280)",i.textContent=e,this._pop.appendChild(i),document.body.appendChild(this._pop);const o=this.el.getBoundingClientRect(),a=window.scrollY;this._pop.style.top=o.bottom+a+8+"px",this._pop.style.left=o.left+"px",setTimeout(()=>s(document,"click",this._outside=t=>{this.el.contains(t.target)||this._pop?.contains(t.target)||this._hide()}),0)}_hide(){this._pop&&(this._pop.remove(),this._pop=null,i(document,"click",this._outside))}},Tab:u,Carousel:m,Scrollspy:p,Clipboard:f,Counter:b,NumberInput:v,Rating:y,breakpoint:x,theme:g,LxToast:n,version:"1.0.2",homepage:"https://ui.lancar.id"}});
package/lxui.rtl.min.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! LxUI v1.0.1 | MIT License | https://ui.lancar.id */
1
+ /*! LxUI v1.0.2 | MIT License | https://ui.lancar.id */
2
2
  *,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;tab-size:4;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--lx-font-sans);font-size:var(--lx-text-base);line-height:1.6;color:var(--lx-text);background-color:var(--lx-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;margin:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol[role=list],ul[role=list]{list-style:none}a{color:inherit}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:root{--lx-font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--lx-font-sans:"Plus Jakarta Sans",var(--lx-font-system);--lx-font-mono:"SFMono-Regular","JetBrains Mono",Consolas,"Liberation Mono",Menlo,"Courier New",monospace;--lx-font-serif:"Source Serif Pro",Georgia,"Times New Roman",serif;--lx-text-xs:clamp(0.65rem, 0.7vw + 0.4rem, 0.75rem);--lx-text-sm:clamp(0.8rem, 0.8vw + 0.45rem, 0.875rem);--lx-text-base:clamp(0.9rem, 1vw + 0.5rem, 1rem);--lx-text-lg:clamp(1rem, 1.1vw + 0.55rem, 1.125rem);--lx-text-xl:clamp(1.1rem, 1.3vw + 0.5rem, 1.25rem);--lx-text-2xl:clamp(1.2rem, 2vw + 0.5rem, 1.5rem);--lx-text-3xl:clamp(1.4rem, 3vw + 0.5rem, 1.875rem);--lx-text-4xl:clamp(1.6rem, 4vw + 0.5rem, 2.25rem);--lx-text-5xl:clamp(1.9rem, 5vw + 0.5rem, 3rem);--lx-text-6xl:clamp(2.2rem, 6vw + 0.5rem, 3.75rem);--lx-text-d1:clamp(2.5rem, 8vw + 0.5rem, 5rem);--lx-text-d2:clamp(2.2rem, 7vw + 0.5rem, 4.5rem);--lx-text-d3:clamp(2rem, 6vw + 0.5rem, 4rem);--lx-text-d4:clamp(1.8rem, 5vw + 0.5rem, 3.5rem);--lx-spacer:1rem;--lx-space-px:1px;--lx-space-0:0;--lx-space-1:0.25rem;--lx-space-2:0.5rem;--lx-space-3:0.75rem;--lx-space-4:1rem;--lx-space-5:1.25rem;--lx-space-6:1.5rem;--lx-space-7:1.75rem;--lx-space-8:2rem;--lx-space-9:2.25rem;--lx-space-10:2.5rem;--lx-space-11:2.75rem;--lx-space-12:3rem;--lx-space-14:3.5rem;--lx-space-16:4rem;--lx-space-20:5rem;--lx-space-24:6rem;--lx-space-32:8rem;--lx-radius-none:0;--lx-radius-xs:2px;--lx-radius-sm:4px;--lx-radius:8px;--lx-radius-md:12px;--lx-radius-lg:16px;--lx-radius-xl:24px;--lx-radius-2xl:32px;--lx-radius-full:9999px;--lx-shadow-xs:0 1px 2px 0 rgba(0,0,0,.04);--lx-shadow-sm:0 1px 3px 0 rgba(0,0,0,.08),0 1px 2px -1px rgba(0,0,0,.06);--lx-shadow:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -2px rgba(0,0,0,.06);--lx-shadow-md:0 8px 12px -2px rgba(0,0,0,.08),0 4px 6px -3px rgba(0,0,0,.06);--lx-shadow-lg:0 12px 20px -4px rgba(0,0,0,.10),0 6px 8px -4px rgba(0,0,0,.07);--lx-shadow-xl:0 20px 28px -6px rgba(0,0,0,.12),0 10px 12px -5px rgba(0,0,0,.08);--lx-shadow-2xl:0 28px 40px -8px rgba(0,0,0,.14),0 14px 16px -6px rgba(0,0,0,.08);--lx-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--lx-ease:cubic-bezier(0.4, 0, 0.2, 1);--lx-ease-in:cubic-bezier(0.4, 0, 1, 1);--lx-ease-out:cubic-bezier(0, 0, 0.2, 1);--lx-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--lx-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--lx-duration-fast:100ms;--lx-duration:200ms;--lx-duration-slow:300ms;--lx-transition:all var(--lx-duration) var(--lx-ease);--lx-transition-fast:all var(--lx-duration-fast) var(--lx-ease);--lx-transition-slow:all var(--lx-duration-slow) var(--lx-ease);--lx-z-n1:-1;--lx-z-0:0;--lx-z-10:10;--lx-z-20:20;--lx-z-30:30;--lx-z-40:40;--lx-z-50:50;--lx-z-dropdown:1000;--lx-z-sticky:1020;--lx-z-fixed:1030;--lx-z-offcanvas:1040;--lx-z-modal-bg:1050;--lx-z-modal:1060;--lx-z-popover:1070;--lx-z-tooltip:1080;--lx-z-toast:1090;--lx-primary:#3b82f6;--lx-primary-hover:#2563eb;--lx-primary-light:#93c5fd;--lx-primary-subtle:#eff6ff;--lx-primary-fg:#ffffff;--lx-secondary:#6b7280;--lx-secondary-hover:#4b5563;--lx-secondary-light:#d1d5db;--lx-secondary-subtle:#f9fafb;--lx-secondary-fg:#ffffff;--lx-success:#22c55e;--lx-success-hover:#16a34a;--lx-success-light:#86efac;--lx-success-subtle:#f0fdf4;--lx-success-fg:#ffffff;--lx-warning:#f59e0b;--lx-warning-hover:#d97706;--lx-warning-light:#fcd34d;--lx-warning-subtle:#fffbeb;--lx-warning-fg:#ffffff;--lx-danger:#ef4444;--lx-danger-hover:#dc2626;--lx-danger-light:#fca5a5;--lx-danger-subtle:#fef2f2;--lx-danger-fg:#ffffff;--lx-info:#06b6d4;--lx-info-hover:#0891b2;--lx-info-light:#67e8f9;--lx-info-subtle:#ecfeff;--lx-info-fg:#ffffff;--lx-dark:#111827;--lx-light:#f9fafb;--lx-white:#ffffff;--lx-black:#000000;--lx-transparent:transparent;--lx-gray-50:#f9fafb;--lx-gray-100:#f3f4f6;--lx-gray-200:#e5e7eb;--lx-gray-300:#d1d5db;--lx-gray-400:#9ca3af;--lx-gray-500:#6b7280;--lx-gray-600:#4b5563;--lx-gray-700:#374151;--lx-gray-800:#1f2937;--lx-gray-900:#111827;--lx-gray-950:#030712;--lx-text:#111827;--lx-text-secondary:#4b5563;--lx-text-muted:#9ca3af;--lx-text-disabled:#d1d5db;--lx-bg:#ffffff;--lx-bg-soft:#f9fafb;--lx-bg-muted:#f3f4f6;--lx-border:#e5e7eb;--lx-border-strong:#d1d5db;--lx-btn-padding-y:0.5rem;--lx-btn-padding-x:1rem;--lx-btn-font-size:var(--lx-text-sm);--lx-btn-font-weight:600;--lx-btn-radius:var(--lx-radius);--lx-btn-transition:var(--lx-transition);--lx-card-padding:1.5rem;--lx-card-radius:var(--lx-radius-md);--lx-card-shadow:var(--lx-shadow);--lx-card-border:1px solid var(--lx-border);--lx-input-padding-y:0.5rem;--lx-input-padding-x:0.75rem;--lx-input-font-size:var(--lx-text-sm);--lx-input-radius:var(--lx-radius);--lx-input-border:1px solid var(--lx-border-strong);--lx-input-bg:var(--lx-bg);--lx-input-focus-shadow:0 0 0 3px rgba(59,130,246,.15);--lx-modal-radius:var(--lx-radius-lg);--lx-modal-shadow:var(--lx-shadow-xl);--lx-modal-backdrop:rgba(0,0,0,.5);--lx-tooltip-bg:var(--lx-gray-900);--lx-tooltip-color:var(--lx-white);--lx-tooltip-radius:var(--lx-radius-sm);--lx-badge-padding-y:0.25em;--lx-badge-padding-x:0.6em;--lx-badge-font-size:0.75em;--lx-badge-font-weight:600;--lx-badge-radius:var(--lx-radius-full);--lx-progress-height:8px;--lx-progress-radius:var(--lx-radius-full);--lx-progress-bg:var(--lx-gray-200);--lx-breadcrumb-sep:'/';--lx-avatar-size:2.5rem;--lx-avatar-font-size:0.875rem;--lx-avatar-radius:var(--lx-radius-full);--lx-container-sm:640px;--lx-container-md:768px;--lx-container-lg:1024px;--lx-container-xl:1280px;--lx-container-2xl:1536px;--lx-container-pad:1rem}.lx-h1,h1{font-size:var(--lx-text-4xl);font-weight:700;line-height:1.2;letter-spacing:-.03em}.lx-h2,h2{font-size:var(--lx-text-3xl);font-weight:700;line-height:1.25;letter-spacing:-.02em}.lx-h3,h3{font-size:var(--lx-text-2xl);font-weight:700;line-height:1.3;letter-spacing:-.01em}.lx-h4,h4{font-size:var(--lx-text-xl);font-weight:600;line-height:1.35}.lx-h5,h5{font-size:var(--lx-text-lg);font-weight:600;line-height:1.4}.lx-h6,h6{font-size:var(--lx-text-base);font-weight:600;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--lx-text);margin-top:1.5em;margin-bottom:.5em}.lx-display-1{font-size:var(--lx-text-d1);font-weight:700;line-height:1.1;letter-spacing:-.04em}.lx-display-2{font-size:var(--lx-text-d2);font-weight:700;line-height:1.1;letter-spacing:-.04em}.lx-display-3{font-size:var(--lx-text-d3);font-weight:700;line-height:1.15;letter-spacing:-.03em}.lx-display-4{font-size:var(--lx-text-d4);font-weight:700;line-height:1.2;letter-spacing:-.03em}p{margin-bottom:1em;color:var(--lx-text)}p:last-child{margin-bottom:0}.lx-lead{font-size:var(--lx-text-lg);font-weight:400;line-height:1.7;color:var(--lx-text-secondary)}.lx-small,small{font-size:var(--lx-text-xs);color:var(--lx-text-muted)}b,strong{font-weight:700}em,i{font-style:italic}mark{background:#fef08a;color:var(--lx-text);padding:0 .15em;border-radius:2px}del{color:var(--lx-text-muted);text-decoration:line-through}ins{text-decoration:underline;text-decoration-color:var(--lx-success)}code{font-family:var(--lx-font-mono);font-size:.875em;background:var(--lx-bg-muted);border:1px solid var(--lx-border);border-radius:var(--lx-radius-xs);padding:.1em .4em;color:var(--lx-danger)}pre{font-family:var(--lx-font-mono);font-size:var(--lx-text-sm);background:var(--lx-gray-950);color:#e2e8f0;border-radius:var(--lx-radius-md);padding:1.25rem 1.5rem;overflow-x:auto;line-height:1.65}pre code{background:0 0;border:none;padding:0;color:inherit;font-size:inherit}kbd{font-family:var(--lx-font-mono);font-size:.85em;background:var(--lx-gray-100);border:1px solid var(--lx-gray-300);border-bottom:2px solid var(--lx-gray-300);border-radius:var(--lx-radius-xs);padding:.1em .45em}.lx-blockquote,blockquote{border-left:3px solid var(--lx-primary);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--lx-primary-subtle);border-radius:0 var(--lx-radius) var(--lx-radius) 0;font-style:italic;color:var(--lx-text-secondary)}.lx-blockquote-footer{font-size:var(--lx-text-sm);font-style:normal;font-weight:600;color:var(--lx-text-muted);margin-top:.5rem}.lx-blockquote-footer::before{content:"— "}a{color:var(--lx-primary);text-decoration:none;transition:color var(--lx-duration-fast) var(--lx-ease)}a:hover{color:var(--lx-primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--lx-primary);outline-offset:2px;border-radius:2px}hr{border:none;border-top:1px solid var(--lx-border);margin:1.5rem 0}::selection{background:rgba(59,130,246,.15);color:var(--lx-primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--lx-bg-muted)}::-webkit-scrollbar-thumb{background:var(--lx-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--lx-gray-400)}.lx-container{width:100%;max-width:var(--lx-container-xl);margin-left:auto;margin-right:auto;padding-left:var(--lx-container-pad);padding-right:var(--lx-container-pad)}.lx-container-sm{max-width:var(--lx-container-sm)}.lx-container-md{max-width:var(--lx-container-md)}.lx-container-lg{max-width:var(--lx-container-lg)}.lx-container-xl{max-width:var(--lx-container-xl)}.lx-container-2xl{max-width:var(--lx-container-2xl)}.lx-container-fluid{max-width:100%}.lx-grid{display:grid}.lx-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lx-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lx-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lx-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lx-cols-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lx-col-1{grid-column:span 1/span 1}.lx-col-2{grid-column:span 2/span 2}.lx-col-3{grid-column:span 3/span 3}.lx-col-4{grid-column:span 4/span 4}.lx-col-5{grid-column:span 5/span 5}.lx-col-6{grid-column:span 6/span 6}.lx-col-7{grid-column:span 7/span 7}.lx-col-8{grid-column:span 8/span 8}.lx-col-9{grid-column:span 9/span 9}.lx-col-10{grid-column:span 10/span 10}.lx-col-11{grid-column:span 11/span 11}.lx-col-12{grid-column:span 12/span 12}.lx-col-full{grid-column:1/-1}.lx-col-offset-1{margin-inline-start:calc(1/12*100%)}.lx-col-offset-2{margin-inline-start:calc(2/12*100%)}.lx-col-offset-3{margin-inline-start:calc(3/12*100%)}.lx-col-offset-4{margin-inline-start:calc(4/12*100%)}.lx-col-offset-6{margin-inline-start:calc(6/12*100%)}.lx-flex{display:flex}.lx-inline-flex{display:inline-flex}.lx-flex-row{flex-direction:row}.lx-flex-col{flex-direction:column}.lx-flex-row-reverse{flex-direction:row-reverse}.lx-flex-col-reverse{flex-direction:column-reverse}.lx-flex-wrap{flex-wrap:wrap}.lx-flex-nowrap{flex-wrap:nowrap}.lx-flex-1{flex:1 1 0%}.lx-flex-auto{flex:1 1 auto}.lx-flex-none{flex:none}.lx-grow{flex-grow:1}.lx-grow-0{flex-grow:0}.lx-shrink{flex-shrink:1}.lx-shrink-0{flex-shrink:0}.lx-justify-start{justify-content:flex-start}.lx-justify-end{justify-content:flex-end}.lx-justify-center{justify-content:center}.lx-justify-between{justify-content:space-between}.lx-justify-around{justify-content:space-around}.lx-justify-evenly{justify-content:space-evenly}.lx-items-start{align-items:flex-start}.lx-items-end{align-items:flex-end}.lx-items-center{align-items:center}.lx-items-baseline{align-items:baseline}.lx-items-stretch{align-items:stretch}.lx-self-start{align-self:flex-start}.lx-self-end{align-self:flex-end}.lx-self-center{align-self:center}.lx-self-stretch{align-self:stretch}.lx-self-auto{align-self:auto}.lx-content-start{align-content:flex-start}.lx-content-center{align-content:center}.lx-content-end{align-content:flex-end}.lx-content-between{align-content:space-between}.lx-stack{display:flex;flex-direction:column}.lx-hstack{display:flex;flex-direction:row;align-items:center}.lx-order-first{order:-9999}.lx-order-last{order:9999}.lx-order-1{order:1}.lx-order-2{order:2}.lx-order-3{order:3}.lx-order-4{order:4}.lx-order-5{order:5}.lx-order-6{order:6}.lx-gap-0{gap:0}.lx-gap-1{gap:var(--lx-space-1)}.lx-gap-2{gap:var(--lx-space-2)}.lx-gap-3{gap:var(--lx-space-3)}.lx-gap-4{gap:var(--lx-space-4)}.lx-gap-5{gap:var(--lx-space-5)}.lx-gap-6{gap:var(--lx-space-6)}.lx-gap-8{gap:var(--lx-space-8)}.lx-gap-10{gap:var(--lx-space-10)}.lx-gap-12{gap:var(--lx-space-12)}.lx-gap-16{gap:var(--lx-space-16)}.lx-gap-x-2{column-gap:var(--lx-space-2)}.lx-gap-x-4{column-gap:var(--lx-space-4)}.lx-gap-x-6{column-gap:var(--lx-space-6)}.lx-gap-x-8{column-gap:var(--lx-space-8)}.lx-gap-y-2{row-gap:var(--lx-space-2)}.lx-gap-y-4{row-gap:var(--lx-space-4)}.lx-gap-y-6{row-gap:var(--lx-space-6)}.lx-gap-y-8{row-gap:var(--lx-space-8)}.lx-block{display:block}.lx-inline{display:inline}.lx-inline-block{display:inline-block}.lx-grid-inline{display:inline-grid}.lx-table-cell{display:table-cell}.lx-contents{display:contents}.lx-hidden{display:none!important}.lx-static{position:static}.lx-relative{position:relative}.lx-absolute{position:absolute}.lx-fixed{position:fixed}.lx-sticky{position:sticky}.lx-top-0{top:0}.lx-top-50{top:50%}.lx-top-100{top:100%}.lx-bottom-0{bottom:0}.lx-bottom-50{bottom:50%}.lx-start-0{inset-inline-start:0}.lx-end-0{inset-inline-end:0}.lx-start-50{inset-inline-start:50%}.lx-end-50{inset-inline-end:50%}.lx-inset-0{inset:0}.lx-translate-middle{transform:translate(-50%,-50%)}.lx-translate-middle-x{transform:translateX(-50%)}.lx-translate-middle-y{transform:translateY(-50%)}.lx-sticky-top{position:sticky;top:0;z-index:var(--lx-z-sticky)}.lx-fixed-top{position:fixed;top:0;inset-inline:0;z-index:var(--lx-z-fixed)}.lx-fixed-bottom{position:fixed;bottom:0;inset-inline:0;z-index:var(--lx-z-fixed)}.lx-overflow-auto{overflow:auto}.lx-overflow-hidden{overflow:hidden}.lx-overflow-visible{overflow:visible}.lx-overflow-scroll{overflow:scroll}.lx-overflow-x-auto{overflow-x:auto}.lx-overflow-y-auto{overflow-y:auto}.lx-overflow-x-hidden{overflow-x:hidden}.lx-overflow-y-hidden{overflow-y:hidden}.lx-w-auto{width:auto}.lx-w-full{width:100%}.lx-w-screen{width:100vw}.lx-w-fit{width:fit-content}.lx-w-1\/4{width:25%}.lx-w-1\/3{width:33.333%}.lx-w-1\/2{width:50%}.lx-w-2\/3{width:66.666%}.lx-w-3\/4{width:75%}.lx-w-4{width:1rem}.lx-w-8{width:2rem}.lx-w-12{width:3rem}.lx-w-16{width:4rem}.lx-w-20{width:5rem}.lx-w-24{width:6rem}.lx-w-32{width:8rem}.lx-w-40{width:10rem}.lx-w-48{width:12rem}.lx-w-64{width:16rem}.lx-h-auto{height:auto}.lx-h-full{height:100%}.lx-h-screen{height:100vh}.lx-h-fit{height:fit-content}.lx-h-4{height:1rem}.lx-h-8{height:2rem}.lx-h-12{height:3rem}.lx-h-16{height:4rem}.lx-h-24{height:6rem}.lx-h-32{height:8rem}.lx-h-48{height:12rem}.lx-h-64{height:16rem}.lx-size-4{width:1rem;height:1rem}.lx-size-5{width:1.25rem;height:1.25rem}.lx-size-6{width:1.5rem;height:1.5rem}.lx-size-8{width:2rem;height:2rem}.lx-size-10{width:2.5rem;height:2.5rem}.lx-size-12{width:3rem;height:3rem}.lx-size-16{width:4rem;height:4rem}.lx-size-20{width:5rem;height:5rem}.lx-size-24{width:6rem;height:6rem}.lx-max-w-full{max-width:100%}.lx-max-w-screen-sm{max-width:640px}.lx-max-w-screen-md{max-width:768px}.lx-max-w-screen-lg{max-width:1024px}.lx-max-w-screen-xl{max-width:1280px}.lx-min-w-0{min-width:0}.lx-min-h-screen{min-height:100vh}.lx-m-0{margin:0}.lx-m-auto{margin:auto}.lx-mx-auto{margin-inline:auto}.lx-m-1{margin:var(--lx-space-1)}.lx-m-2{margin:var(--lx-space-2)}.lx-m-3{margin:var(--lx-space-3)}.lx-m-4{margin:var(--lx-space-4)}.lx-m-5{margin:var(--lx-space-5)}.lx-m-6{margin:var(--lx-space-6)}.lx-m-8{margin:var(--lx-space-8)}.lx-m-10{margin:var(--lx-space-10)}.lx-m-12{margin:var(--lx-space-12)}.lx-m-16{margin:var(--lx-space-16)}.lx-mt-0{margin-top:0}.lx-mb-0{margin-bottom:0}.lx-mt-1{margin-top:var(--lx-space-1)}.lx-mb-1{margin-bottom:var(--lx-space-1)}.lx-mt-2{margin-top:var(--lx-space-2)}.lx-mb-2{margin-bottom:var(--lx-space-2)}.lx-mt-3{margin-top:var(--lx-space-3)}.lx-mb-3{margin-bottom:var(--lx-space-3)}.lx-mt-4{margin-top:var(--lx-space-4)}.lx-mb-4{margin-bottom:var(--lx-space-4)}.lx-mt-5{margin-top:var(--lx-space-5)}.lx-mb-5{margin-bottom:var(--lx-space-5)}.lx-mt-6{margin-top:var(--lx-space-6)}.lx-mb-6{margin-bottom:var(--lx-space-6)}.lx-mt-8{margin-top:var(--lx-space-8)}.lx-mb-8{margin-bottom:var(--lx-space-8)}.lx-mt-10{margin-top:var(--lx-space-10)}.lx-mb-10{margin-bottom:var(--lx-space-10)}.lx-mt-12{margin-top:var(--lx-space-12)}.lx-mb-12{margin-bottom:var(--lx-space-12)}.lx-mt-16{margin-top:var(--lx-space-16)}.lx-mb-16{margin-bottom:var(--lx-space-16)}.lx-ms-0{margin-inline-start:0}.lx-me-0{margin-inline-end:0}.lx-ms-1{margin-inline-start:var(--lx-space-1)}.lx-me-1{margin-inline-end:var(--lx-space-1)}.lx-ms-2{margin-inline-start:var(--lx-space-2)}.lx-me-2{margin-inline-end:var(--lx-space-2)}.lx-ms-3{margin-inline-start:var(--lx-space-3)}.lx-me-3{margin-inline-end:var(--lx-space-3)}.lx-ms-4{margin-inline-start:var(--lx-space-4)}.lx-me-4{margin-inline-end:var(--lx-space-4)}.lx-ms-6{margin-inline-start:var(--lx-space-6)}.lx-me-6{margin-inline-end:var(--lx-space-6)}.lx-ms-8{margin-inline-start:var(--lx-space-8)}.lx-me-8{margin-inline-end:var(--lx-space-8)}.lx-ms-auto{margin-inline-start:auto}.lx-me-auto{margin-inline-end:auto}.lx-mx-0{margin-inline:0}.lx-my-0{margin-block:0}.lx-mx-1{margin-inline:var(--lx-space-1)}.lx-my-1{margin-block:var(--lx-space-1)}.lx-mx-2{margin-inline:var(--lx-space-2)}.lx-my-2{margin-block:var(--lx-space-2)}.lx-mx-3{margin-inline:var(--lx-space-3)}.lx-my-3{margin-block:var(--lx-space-3)}.lx-mx-4{margin-inline:var(--lx-space-4)}.lx-my-4{margin-block:var(--lx-space-4)}.lx-mx-6{margin-inline:var(--lx-space-6)}.lx-my-6{margin-block:var(--lx-space-6)}.lx-mx-8{margin-inline:var(--lx-space-8)}.lx-my-8{margin-block:var(--lx-space-8)}.lx-p-0{padding:0}.lx-p-1{padding:var(--lx-space-1)}.lx-p-2{padding:var(--lx-space-2)}.lx-p-3{padding:var(--lx-space-3)}.lx-p-4{padding:var(--lx-space-4)}.lx-p-5{padding:var(--lx-space-5)}.lx-p-6{padding:var(--lx-space-6)}.lx-p-8{padding:var(--lx-space-8)}.lx-p-10{padding:var(--lx-space-10)}.lx-p-12{padding:var(--lx-space-12)}.lx-p-16{padding:var(--lx-space-16)}.lx-pt-0{padding-top:0}.lx-pb-0{padding-bottom:0}.lx-pt-1{padding-top:var(--lx-space-1)}.lx-pb-1{padding-bottom:var(--lx-space-1)}.lx-pt-2{padding-top:var(--lx-space-2)}.lx-pb-2{padding-bottom:var(--lx-space-2)}.lx-pt-3{padding-top:var(--lx-space-3)}.lx-pb-3{padding-bottom:var(--lx-space-3)}.lx-pt-4{padding-top:var(--lx-space-4)}.lx-pb-4{padding-bottom:var(--lx-space-4)}.lx-pt-5{padding-top:var(--lx-space-5)}.lx-pb-5{padding-bottom:var(--lx-space-5)}.lx-pt-6{padding-top:var(--lx-space-6)}.lx-pb-6{padding-bottom:var(--lx-space-6)}.lx-pt-8{padding-top:var(--lx-space-8)}.lx-pb-8{padding-bottom:var(--lx-space-8)}.lx-pt-10{padding-top:var(--lx-space-10)}.lx-pb-10{padding-bottom:var(--lx-space-10)}.lx-pt-12{padding-top:var(--lx-space-12)}.lx-pb-12{padding-bottom:var(--lx-space-12)}.lx-pt-16{padding-top:var(--lx-space-16)}.lx-pb-16{padding-bottom:var(--lx-space-16)}.lx-ps-0{padding-inline-start:0}.lx-pe-0{padding-inline-end:0}.lx-ps-1{padding-inline-start:var(--lx-space-1)}.lx-pe-1{padding-inline-end:var(--lx-space-1)}.lx-ps-2{padding-inline-start:var(--lx-space-2)}.lx-pe-2{padding-inline-end:var(--lx-space-2)}.lx-ps-3{padding-inline-start:var(--lx-space-3)}.lx-pe-3{padding-inline-end:var(--lx-space-3)}.lx-ps-4{padding-inline-start:var(--lx-space-4)}.lx-pe-4{padding-inline-end:var(--lx-space-4)}.lx-ps-6{padding-inline-start:var(--lx-space-6)}.lx-pe-6{padding-inline-end:var(--lx-space-6)}.lx-ps-8{padding-inline-start:var(--lx-space-8)}.lx-pe-8{padding-inline-end:var(--lx-space-8)}.lx-px-0{padding-inline:0}.lx-py-0{padding-block:0}.lx-px-1{padding-inline:var(--lx-space-1)}.lx-py-1{padding-block:var(--lx-space-1)}.lx-px-2{padding-inline:var(--lx-space-2)}.lx-py-2{padding-block:var(--lx-space-2)}.lx-px-3{padding-inline:var(--lx-space-3)}.lx-py-3{padding-block:var(--lx-space-3)}.lx-px-4{padding-inline:var(--lx-space-4)}.lx-py-4{padding-block:var(--lx-space-4)}.lx-px-5{padding-inline:var(--lx-space-5)}.lx-py-5{padding-block:var(--lx-space-5)}.lx-px-6{padding-inline:var(--lx-space-6)}.lx-py-6{padding-block:var(--lx-space-6)}.lx-px-8{padding-inline:var(--lx-space-8)}.lx-py-8{padding-block:var(--lx-space-8)}.lx-px-10{padding-inline:var(--lx-space-10)}.lx-py-10{padding-block:var(--lx-space-10)}.lx-px-12{padding-inline:var(--lx-space-12)}.lx-py-12{padding-block:var(--lx-space-12)}.lx-px-16{padding-inline:var(--lx-space-16)}.lx-py-16{padding-block:var(--lx-space-16)}.lx-text-xs{font-size:var(--lx-text-xs)}.lx-text-sm{font-size:var(--lx-text-sm)}.lx-text-base{font-size:var(--lx-text-base)}.lx-text-lg{font-size:var(--lx-text-lg)}.lx-text-xl{font-size:var(--lx-text-xl)}.lx-text-2xl{font-size:var(--lx-text-2xl)}.lx-text-3xl{font-size:var(--lx-text-3xl)}.lx-text-4xl{font-size:var(--lx-text-4xl)}.lx-text-5xl{font-size:var(--lx-text-5xl)}.lx-text-6xl{font-size:var(--lx-text-6xl)}.lx-text-left{text-align:left}.lx-text-center{text-align:center}.lx-text-right{text-align:right}.lx-text-justify{text-align:justify}.lx-text-start{text-align:start}.lx-text-end{text-align:end}.lx-font-thin{font-weight:100}.lx-font-extralight{font-weight:200}.lx-font-light{font-weight:300}.lx-font-normal{font-weight:400}.lx-font-medium{font-weight:500}.lx-font-semibold{font-weight:600}.lx-font-bold{font-weight:700}.lx-font-extrabold{font-weight:800}.lx-font-black{font-weight:900}.lx-italic{font-style:italic}.lx-not-italic{font-style:normal}.lx-uppercase{text-transform:uppercase}.lx-lowercase{text-transform:lowercase}.lx-capitalize{text-transform:capitalize}.lx-normal-case{text-transform:none}.lx-underline{text-decoration-line:underline}.lx-overline{text-decoration-line:overline}.lx-line-through{text-decoration-line:line-through}.lx-no-underline{text-decoration-line:none}.lx-tracking-tighter{letter-spacing:-.05em}.lx-tracking-tight{letter-spacing:-.025em}.lx-tracking-normal{letter-spacing:0}.lx-tracking-wide{letter-spacing:.025em}.lx-tracking-wider{letter-spacing:.05em}.lx-tracking-widest{letter-spacing:.1em}.lx-leading-none{line-height:1}.lx-leading-tight{line-height:1.25}.lx-leading-snug{line-height:1.375}.lx-leading-normal{line-height:1.6}.lx-leading-relaxed{line-height:1.75}.lx-leading-loose{line-height:2}.lx-text-truncate,.lx-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-whitespace-nowrap{white-space:nowrap}.lx-whitespace-pre{white-space:pre}.lx-whitespace-wrap{white-space:normal}.lx-break-all{word-break:break-all}.lx-break-words{overflow-wrap:break-word}.lx-line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.lx-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lx-line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lx-line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.lx-font-mono{font-family:var(--lx-font-mono)}.lx-font-sans{font-family:var(--lx-font-sans)}.lx-font-serif{font-family:var(--lx-font-serif)}.lx-text-primary{color:var(--lx-primary)}.lx-text-secondary{color:var(--lx-text-secondary)}.lx-text-success{color:var(--lx-success)}.lx-text-warning{color:var(--lx-warning)}.lx-text-danger{color:var(--lx-danger)}.lx-text-info{color:var(--lx-info)}.lx-text-dark{color:var(--lx-dark)}.lx-text-light{color:var(--lx-gray-400)}.lx-text-white{color:#fff}.lx-text-muted{color:var(--lx-text-muted)}.lx-text-body{color:var(--lx-text)}.lx-text-opacity-75{opacity:.75}.lx-text-opacity-50{opacity:.5}.lx-text-opacity-25{opacity:.25}.lx-bg-primary{background-color:var(--lx-primary);color:var(--lx-primary-fg)}.lx-bg-secondary{background-color:var(--lx-secondary);color:var(--lx-secondary-fg)}.lx-bg-success{background-color:var(--lx-success);color:var(--lx-success-fg)}.lx-bg-warning{background-color:var(--lx-warning);color:var(--lx-warning-fg)}.lx-bg-danger{background-color:var(--lx-danger);color:var(--lx-danger-fg)}.lx-bg-info{background-color:var(--lx-info);color:var(--lx-info-fg)}.lx-bg-dark{background-color:var(--lx-dark);color:#fff}.lx-bg-light{background-color:var(--lx-light);color:var(--lx-text)}.lx-bg-white{background-color:#fff}.lx-bg-transparent{background-color:transparent}.lx-bg-muted{background-color:var(--lx-bg-muted)}.lx-bg-soft{background-color:var(--lx-bg-soft)}.lx-bg-primary-soft{background-color:var(--lx-primary-subtle);color:var(--lx-primary)}.lx-bg-success-soft{background-color:var(--lx-success-subtle);color:var(--lx-success)}.lx-bg-warning-soft{background-color:var(--lx-warning-subtle);color:var(--lx-warning)}.lx-bg-danger-soft{background-color:var(--lx-danger-subtle);color:var(--lx-danger)}.lx-bg-info-soft{background-color:var(--lx-info-subtle);color:var(--lx-info)}.lx-bg-gradient-primary{background:linear-gradient(135deg,var(--lx-primary),var(--lx-primary-hover));color:#fff}.lx-bg-gradient-dark{background:linear-gradient(135deg,var(--lx-gray-800),var(--lx-gray-950));color:#fff}.lx-bg-opacity-10{--lx-bg-alpha:.10}.lx-bg-opacity-25{--lx-bg-alpha:.25}.lx-bg-opacity-50{--lx-bg-alpha:.50}.lx-bg-opacity-75{--lx-bg-alpha:.75}.lx-border{border:1px solid var(--lx-border)}.lx-border-0{border:none!important}.lx-border-2{border:2px solid var(--lx-border)}.lx-border-t{border-top:1px solid var(--lx-border)}.lx-border-b{border-bottom:1px solid var(--lx-border)}.lx-border-s{border-inline-start:1px solid var(--lx-border)}.lx-border-e{border-inline-end:1px solid var(--lx-border)}.lx-border-t-0{border-top:none}.lx-border-b-0{border-bottom:none}.lx-border-primary{border-color:var(--lx-primary)}.lx-border-success{border-color:var(--lx-success)}.lx-border-warning{border-color:var(--lx-warning)}.lx-border-danger{border-color:var(--lx-danger)}.lx-border-white{border-color:#fff}.lx-border-strong{border-color:var(--lx-border-strong)}.lx-rounded-none{border-radius:0}.lx-rounded-xs{border-radius:var(--lx-radius-xs)}.lx-rounded-sm{border-radius:var(--lx-radius-sm)}.lx-rounded{border-radius:var(--lx-radius)}.lx-rounded-md{border-radius:var(--lx-radius-md)}.lx-rounded-lg{border-radius:var(--lx-radius-lg)}.lx-rounded-xl{border-radius:var(--lx-radius-xl)}.lx-rounded-2xl{border-radius:var(--lx-radius-2xl)}.lx-rounded-full{border-radius:var(--lx-radius-full)}.lx-rounded-t{border-radius:var(--lx-radius) var(--lx-radius) 0 0}.lx-rounded-b{border-radius:0 0 var(--lx-radius) var(--lx-radius)}.lx-rounded-s{border-radius:var(--lx-radius) 0 0 var(--lx-radius)}.lx-rounded-e{border-radius:0 var(--lx-radius) var(--lx-radius) 0}.lx-shadow-none{box-shadow:none}.lx-shadow-xs{box-shadow:var(--lx-shadow-xs)}.lx-shadow-sm{box-shadow:var(--lx-shadow-sm)}.lx-shadow{box-shadow:var(--lx-shadow)}.lx-shadow-md{box-shadow:var(--lx-shadow-md)}.lx-shadow-lg{box-shadow:var(--lx-shadow-lg)}.lx-shadow-xl{box-shadow:var(--lx-shadow-xl)}.lx-shadow-2xl{box-shadow:var(--lx-shadow-2xl)}.lx-shadow-inner{box-shadow:var(--lx-shadow-inner)}.lx-shadow-primary{box-shadow:0 4px 14px 0 rgba(59,130,246,.4)}.lx-shadow-success{box-shadow:0 4px 14px 0 rgba(34,197,94,.4)}.lx-shadow-danger{box-shadow:0 4px 14px 0 rgba(239,68,68,.4)}.lx-visible{visibility:visible}.lx-invisible{visibility:hidden}.lx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lx-sr-only-focusable:focus-visible{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.lx-pointer-events-none{pointer-events:none}.lx-pointer-events-auto{pointer-events:auto}.lx-select-none{user-select:none}.lx-select-all{user-select:all}.lx-select-text{user-select:text}.lx-cursor-pointer{cursor:pointer}.lx-cursor-default{cursor:default}.lx-cursor-not-allowed{cursor:not-allowed}.lx-cursor-wait{cursor:wait}.lx-cursor-move{cursor:move}.lx-cursor-grab{cursor:grab}.lx-cursor-text{cursor:text}.lx-float-start{float:inline-start}.lx-float-end{float:inline-end}.lx-float-none{float:none}.lx-clearfix::after{content:"";display:table;clear:both}.lx-align-baseline{vertical-align:baseline}.lx-align-top{vertical-align:top}.lx-align-middle{vertical-align:middle}.lx-align-bottom{vertical-align:bottom}.lx-align-text-top{vertical-align:text-top}.lx-align-text-bottom{vertical-align:text-bottom}.lx-align-sub{vertical-align:sub}.lx-align-super{vertical-align:super}.lx-opacity-0{opacity:0}.lx-opacity-25{opacity:.25}.lx-opacity-50{opacity:.5}.lx-opacity-75{opacity:.75}.lx-opacity-100{opacity:1}.lx-ratio{position:relative;width:100%}.lx-ratio::before{display:block;content:""}.lx-ratio>*{position:absolute;inset:0;width:100%;height:100%}.lx-ratio-1x1{aspect-ratio:1/1}.lx-ratio-4x3{aspect-ratio:4/3}.lx-ratio-16x9{aspect-ratio:16/9}.lx-ratio-21x9{aspect-ratio:21/9}.lx-object-cover{object-fit:cover}.lx-object-contain{object-fit:contain}.lx-object-fill{object-fit:fill}.lx-object-none{object-fit:none}.lx-object-center{object-position:center}.lx-object-top{object-position:top}.lx-z-0{z-index:0}.lx-z-10{z-index:10}.lx-z-20{z-index:20}.lx-z-50{z-index:50}.lx-z-dropdown{z-index:var(--lx-z-dropdown)}.lx-z-sticky{z-index:var(--lx-z-sticky)}.lx-z-fixed{z-index:var(--lx-z-fixed)}.lx-z-modal{z-index:var(--lx-z-modal)}.lx-z-toast{z-index:var(--lx-z-toast)}.lx-z-n1{z-index:-1}@media (min-width:640px){.lx-sm-hidden{display:none!important}.lx-sm-block{display:block}.lx-sm-flex{display:flex}.lx-sm-grid{display:grid}.lx-sm-inline-flex{display:inline-flex}.lx-sm-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lx-sm-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-sm-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-sm-col-6{grid-column:span 6/span 6}.lx-sm-col-12{grid-column:span 12/span 12}.lx-sm-text-left{text-align:left}.lx-sm-text-center{text-align:center}.lx-sm-p-4{padding:var(--lx-space-4)}.lx-sm-p-6{padding:var(--lx-space-6)}.lx-sm-px-6{padding-inline:var(--lx-space-6)}}@media (min-width:768px){.lx-md-hidden{display:none!important}.lx-md-block{display:block}.lx-md-flex{display:flex}.lx-md-grid{display:grid}.lx-md-inline-flex{display:inline-flex}.lx-md-flex-row{flex-direction:row}.lx-md-flex-col{flex-direction:column}.lx-md-items-center{align-items:center}.lx-md-justify-between{justify-content:space-between}.lx-md-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lx-md-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-md-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-md-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-md-col-4{grid-column:span 4/span 4}.lx-md-col-6{grid-column:span 6/span 6}.lx-md-col-8{grid-column:span 8/span 8}.lx-md-col-12{grid-column:span 12/span 12}.lx-md-col-offset-3{margin-inline-start:25%}.lx-md-text-left{text-align:left}.lx-md-text-center{text-align:center}.lx-md-text-xl{font-size:var(--lx-text-xl)}.lx-md-text-2xl{font-size:var(--lx-text-2xl)}.lx-md-text-3xl{font-size:var(--lx-text-3xl)}.lx-md-text-4xl{font-size:var(--lx-text-4xl)}.lx-md-p-4{padding:var(--lx-space-4)}.lx-md-p-6{padding:var(--lx-space-6)}.lx-md-p-8{padding:var(--lx-space-8)}.lx-md-px-8{padding-inline:var(--lx-space-8)}.lx-md-py-8{padding-block:var(--lx-space-8)}.lx-md-gap-4{gap:var(--lx-space-4)}.lx-md-gap-6{gap:var(--lx-space-6)}.lx-md-gap-8{gap:var(--lx-space-8)}.lx-md-w-1\/2{width:50%}.lx-md-float-start{float:inline-start}.lx-md-order-1{order:1}.lx-md-order-2{order:2}}@media (min-width:1024px){.lx-lg-hidden{display:none!important}.lx-lg-block{display:block}.lx-lg-flex{display:flex}.lx-lg-grid{display:grid}.lx-lg-inline-flex{display:inline-flex}.lx-lg-flex-row{flex-direction:row}.lx-lg-items-center{align-items:center}.lx-lg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-lg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-lg-col-4{grid-column:span 4/span 4}.lx-lg-col-6{grid-column:span 6/span 6}.lx-lg-col-8{grid-column:span 8/span 8}.lx-lg-text-xl{font-size:var(--lx-text-xl)}.lx-lg-text-2xl{font-size:var(--lx-text-2xl)}.lx-lg-text-3xl{font-size:var(--lx-text-3xl)}.lx-lg-text-4xl{font-size:var(--lx-text-4xl)}.lx-lg-text-5xl{font-size:var(--lx-text-5xl)}.lx-lg-p-8{padding:var(--lx-space-8)}.lx-lg-p-12{padding:var(--lx-space-12)}.lx-lg-px-12{padding-inline:var(--lx-space-12)}.lx-lg-gap-6{gap:var(--lx-space-6)}.lx-lg-gap-8{gap:var(--lx-space-8)}}@media (min-width:1280px){.lx-xl-hidden{display:none!important}.lx-xl-block{display:block}.lx-xl-flex{display:flex}.lx-xl-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-xl-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lx-xl-text-5xl{font-size:var(--lx-text-5xl)}.lx-xl-text-6xl{font-size:var(--lx-text-6xl)}}@media (min-width:1536px){.lx-2xl-hidden{display:none!important}.lx-2xl-block{display:block}.lx-2xl-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lx-2xl-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media print{.lx-print-hidden{display:none!important}.lx-print-block{display:block!important}}.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:var(--lx-btn-padding-y) var(--lx-btn-padding-x);font-size:var(--lx-btn-font-size);font-weight:var(--lx-btn-font-weight);line-height:1.5;border-radius:var(--lx-btn-radius);border:1px solid transparent;background:0 0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:var(--lx-btn-transition);user-select:none;-webkit-appearance:none}.lx-btn:focus-visible{outline:2px solid var(--lx-primary);outline-offset:2px}.lx-btn:disabled,.lx-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.lx-btn-xs{padding:.2rem .5rem;font-size:.7rem}.lx-btn-sm{padding:.35rem .75rem;font-size:.8rem}.lx-btn-lg{padding:.65rem 1.25rem;font-size:1rem}.lx-btn-xl{padding:.8rem 1.5rem;font-size:1.1rem}.lx-btn-block{width:100%;justify-content:center}.lx-btn-icon{padding:var(--lx-btn-padding-y);aspect-ratio:1}.lx-btn-primary{background:var(--lx-primary);color:var(--lx-primary-fg);border-color:var(--lx-primary)}.lx-btn-primary:hover{background:var(--lx-primary-hover);border-color:var(--lx-primary-hover)}.lx-btn-secondary{background:var(--lx-secondary);color:var(--lx-secondary-fg);border-color:var(--lx-secondary)}.lx-btn-secondary:hover{background:var(--lx-secondary-hover);border-color:var(--lx-secondary-hover)}.lx-btn-success{background:var(--lx-success);color:var(--lx-success-fg);border-color:var(--lx-success)}.lx-btn-success:hover{background:var(--lx-success-hover);border-color:var(--lx-success-hover)}.lx-btn-warning{background:var(--lx-warning);color:var(--lx-warning-fg);border-color:var(--lx-warning)}.lx-btn-warning:hover{background:var(--lx-warning-hover);border-color:var(--lx-warning-hover)}.lx-btn-danger{background:var(--lx-danger);color:var(--lx-danger-fg);border-color:var(--lx-danger)}.lx-btn-danger:hover{background:var(--lx-danger-hover);border-color:var(--lx-danger-hover)}.lx-btn-info{background:var(--lx-info);color:var(--lx-info-fg);border-color:var(--lx-info)}.lx-btn-info:hover{background:var(--lx-info-hover);border-color:var(--lx-info-hover)}.lx-btn-dark{background:var(--lx-dark);color:#fff;border-color:var(--lx-dark)}.lx-btn-dark:hover{background:var(--lx-gray-700)}.lx-btn-light{background:var(--lx-light);color:var(--lx-text);border-color:var(--lx-border)}.lx-btn-light:hover{background:var(--lx-gray-200)}.lx-btn-outline-primary{border-color:var(--lx-primary);color:var(--lx-primary)}.lx-btn-outline-primary:hover{background:var(--lx-primary);color:var(--lx-primary-fg)}.lx-btn-outline-secondary{border-color:var(--lx-secondary);color:var(--lx-secondary)}.lx-btn-outline-secondary:hover{background:var(--lx-secondary);color:var(--lx-secondary-fg)}.lx-btn-outline-success{border-color:var(--lx-success);color:var(--lx-success)}.lx-btn-outline-success:hover{background:var(--lx-success);color:var(--lx-success-fg)}.lx-btn-outline-warning{border-color:var(--lx-warning);color:var(--lx-warning)}.lx-btn-outline-warning:hover{background:var(--lx-warning);color:var(--lx-warning-fg)}.lx-btn-outline-danger{border-color:var(--lx-danger);color:var(--lx-danger)}.lx-btn-outline-danger:hover{background:var(--lx-danger);color:var(--lx-danger-fg)}.lx-btn-outline-info{border-color:var(--lx-info);color:var(--lx-info)}.lx-btn-outline-info:hover{background:var(--lx-info);color:var(--lx-info-fg)}.lx-btn-ghost{color:var(--lx-text-secondary)}.lx-btn-ghost:hover{background:var(--lx-bg-muted);color:var(--lx-text)}.lx-btn-ghost-primary{color:var(--lx-primary)}.lx-btn-ghost-primary:hover{background:var(--lx-primary-subtle)}.lx-btn-link{color:var(--lx-primary);text-decoration:underline}.lx-btn-link:hover{color:var(--lx-primary-hover)}.lx-btn-group{display:inline-flex;border-radius:var(--lx-radius);overflow:hidden}.lx-btn-group .lx-btn{border-radius:0;border-inline-end-width:0}.lx-btn-group .lx-btn:first-child{border-radius:var(--lx-radius) 0 0 var(--lx-radius)}.lx-btn-group .lx-btn:last-child{border-radius:0 var(--lx-radius) var(--lx-radius) 0;border-inline-end-width:1px}.lx-btn-group-vertical{display:inline-flex;flex-direction:column}.lx-btn-group-vertical .lx-btn{border-radius:0;border-bottom-width:0}.lx-btn-group-vertical .lx-btn:first-child{border-radius:var(--lx-radius) var(--lx-radius) 0 0}.lx-btn-group-vertical .lx-btn:last-child{border-radius:0 0 var(--lx-radius) var(--lx-radius);border-bottom-width:1px}.lx-btn-toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.lx-btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.lx-btn-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:0 0;border:none;border-radius:var(--lx-radius-full);cursor:pointer;opacity:.5;transition:var(--lx-transition);font-size:1.2rem;line-height:1;color:var(--lx-text)}.lx-btn-close::before{content:"×"}.lx-btn-close:hover{opacity:1;background:var(--lx-bg-muted)}.lx-btn-close-white{color:#fff}.lx-btn-close-white:hover{background:rgba(255,255,255,.15)}.lx-card{background:var(--lx-bg);border:var(--lx-card-border);border-radius:var(--lx-card-radius);box-shadow:var(--lx-card-shadow);overflow:hidden}.lx-card-hover{transition:var(--lx-transition)}.lx-card-hover:hover{transform:translateY(-2px);box-shadow:var(--lx-shadow-lg)}.lx-card-header{padding:.875rem var(--lx-card-padding);border-bottom:1px solid var(--lx-border);background:var(--lx-bg-soft);font-weight:600;font-size:var(--lx-text-sm);color:var(--lx-text-secondary);text-transform:uppercase;letter-spacing:.05em}.lx-card-body{padding:var(--lx-card-padding)}.lx-card-footer{padding:.875rem var(--lx-card-padding);border-top:1px solid var(--lx-border);background:var(--lx-bg-soft)}.lx-card-title{font-size:var(--lx-text-lg);font-weight:600;margin-bottom:.5rem;color:var(--lx-text)}.lx-card-subtitle{font-size:var(--lx-text-sm);color:var(--lx-text-muted);margin-top:-.25rem;margin-bottom:.75rem}.lx-card-text{color:var(--lx-text-secondary);line-height:1.65}.lx-card-img-top{width:100%;object-fit:cover;display:block}.lx-card-img-side{object-fit:cover;flex-shrink:0}.lx-card-img{width:100%;height:100%;object-fit:cover}.lx-card-img-overlay-wrap{position:relative}.lx-card-img-overlay{position:absolute;inset:0;padding:var(--lx-card-padding);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.7) 0,transparent 60%)}.lx-card-stat .lx-card-body{padding:1.25rem var(--lx-card-padding)}.lx-badge{display:inline-flex;align-items:center;padding:var(--lx-badge-padding-y) var(--lx-badge-padding-x);font-size:var(--lx-badge-font-size);font-weight:var(--lx-badge-font-weight);line-height:1;border-radius:var(--lx-badge-radius);white-space:nowrap}.lx-badge-sm{font-size:.65em}.lx-badge-lg{font-size:.875em;padding:.35em .7em}.lx-badge-primary{background:var(--lx-primary);color:var(--lx-primary-fg)}.lx-badge-secondary{background:var(--lx-secondary);color:var(--lx-secondary-fg)}.lx-badge-success{background:var(--lx-success);color:var(--lx-success-fg)}.lx-badge-warning{background:var(--lx-warning);color:var(--lx-warning-fg)}.lx-badge-danger{background:var(--lx-danger);color:var(--lx-danger-fg)}.lx-badge-info{background:var(--lx-info);color:var(--lx-info-fg)}.lx-badge-dark{background:var(--lx-dark);color:#fff}.lx-badge-light{background:var(--lx-light);color:var(--lx-text);border:1px solid var(--lx-border)}.lx-badge-outline-primary{border:1px solid var(--lx-primary);color:var(--lx-primary);background:0 0}.lx-badge-outline-secondary{border:1px solid var(--lx-secondary);color:var(--lx-secondary);background:0 0}.lx-badge-outline-success{border:1px solid var(--lx-success);color:var(--lx-success);background:0 0}.lx-badge-outline-danger{border:1px solid var(--lx-danger);color:var(--lx-danger);background:0 0}.lx-badge-outline-warning{border:1px solid var(--lx-warning);color:var(--lx-warning);background:0 0}.lx-badge-soft-primary{background:var(--lx-primary-subtle);color:var(--lx-primary)}.lx-badge-soft-secondary{background:var(--lx-gray-100);color:var(--lx-secondary)}.lx-badge-soft-success{background:var(--lx-success-subtle);color:var(--lx-success-hover)}.lx-badge-soft-warning{background:var(--lx-warning-subtle);color:var(--lx-warning-hover)}.lx-badge-soft-danger{background:var(--lx-danger-subtle);color:var(--lx-danger-hover)}.lx-badge-soft-info{background:var(--lx-info-subtle);color:var(--lx-info-hover)}.lx-alert{position:relative;padding:.875rem 1.125rem;border-radius:var(--lx-radius);border:1px solid transparent;font-size:var(--lx-text-sm);line-height:1.6}.lx-alert-heading{font-weight:700;font-size:var(--lx-text-base);margin-bottom:.375rem}.lx-alert-divider{border-color:currentColor;opacity:.2;margin:.75rem 0}.lx-alert-dismissible{padding-inline-end:3rem}.lx-alert-close{position:absolute;top:.5rem;inset-inline-end:.5rem}.lx-alert-primary{background:var(--lx-primary-subtle);color:var(--lx-primary-hover);border-color:var(--lx-primary-light)}.lx-alert-secondary{background:var(--lx-gray-100);color:var(--lx-gray-700);border-color:var(--lx-gray-300)}.lx-alert-success{background:var(--lx-success-subtle);color:var(--lx-success-hover);border-color:var(--lx-success-light)}.lx-alert-warning{background:var(--lx-warning-subtle);color:var(--lx-warning-hover);border-color:var(--lx-warning-light)}.lx-alert-danger{background:var(--lx-danger-subtle);color:var(--lx-danger-hover);border-color:var(--lx-danger-light)}.lx-alert-info{background:var(--lx-info-subtle);color:var(--lx-info-hover);border-color:var(--lx-info-light)}.lx-progress{height:var(--lx-progress-height);background:var(--lx-progress-bg);border-radius:var(--lx-progress-radius);overflow:hidden}.lx-progress-bar{height:100%;background:var(--lx-primary);border-radius:inherit;transition:width .4s var(--lx-ease);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}.lx-progress-bar-striped{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 10px,transparent 10px,transparent 20px)}.lx-progress-bar-animated{animation:1s linear infinite lx-progress-stripes}@keyframes lx-progress-stripes{to{background-position-x:-20px}}.lx-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite lx-spin;vertical-align:-.125em;color:var(--lx-primary)}.lx-spinner-sm{width:1rem;height:1rem;border-width:2px}.lx-spinner-lg{width:2.25rem;height:2.25rem;border-width:3px}.lx-spinner-xl{width:3rem;height:3rem;border-width:3px}.lx-spinner-grow{background:currentColor;border:none;animation:.75s ease-in-out infinite lx-grow}@keyframes lx-spin{to{transform:rotate(360deg)}}@keyframes lx-grow{0%{transform:scale(0);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}.lx-loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:var(--lx-z-toast);backdrop-filter:blur(2px)}.lx-avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--lx-avatar-size);height:var(--lx-avatar-size);border-radius:var(--lx-avatar-radius);font-size:var(--lx-avatar-font-size);font-weight:600;background:var(--lx-gray-200);color:var(--lx-gray-600);overflow:hidden;flex-shrink:0;user-select:none}.lx-avatar img{width:100%;height:100%;object-fit:cover}.lx-avatar-xs{width:1.5rem;height:1.5rem;font-size:.55rem}.lx-avatar-sm{width:2rem;height:2rem;font-size:.7rem}.lx-avatar-lg{width:3.5rem;height:3.5rem;font-size:1rem}.lx-avatar-xl{width:4.5rem;height:4.5rem;font-size:1.25rem}.lx-avatar-2xl{width:6rem;height:6rem;font-size:1.5rem}.lx-avatar-primary{background:var(--lx-primary-subtle);color:var(--lx-primary)}.lx-avatar-secondary{background:var(--lx-gray-200);color:var(--lx-gray-600)}.lx-avatar-success{background:var(--lx-success-subtle);color:var(--lx-success-hover)}.lx-avatar-warning{background:var(--lx-warning-subtle);color:var(--lx-warning-hover)}.lx-avatar-danger{background:var(--lx-danger-subtle);color:var(--lx-danger-hover)}.lx-avatar-info{background:var(--lx-info-subtle);color:var(--lx-info-hover)}.lx-avatar-wrapper{position:relative;display:inline-block}.lx-avatar-status{position:absolute;bottom:0;inset-inline-end:0;width:.75rem;height:.75rem;border-radius:50%;border:2px solid var(--lx-bg)}.lx-avatar-status-online{background:var(--lx-success)}.lx-avatar-status-busy{background:var(--lx-danger)}.lx-avatar-status-away{background:var(--lx-warning)}.lx-avatar-status-offline{background:var(--lx-gray-400)}.lx-avatar-group{display:inline-flex}.lx-avatar-group .lx-avatar{margin-inline-start:-.5rem;border:2px solid var(--lx-bg)}.lx-avatar-group .lx-avatar:first-child{margin-inline-start:0}.lx-breadcrumb{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;padding:0;margin:0;font-size:var(--lx-text-sm)}.lx-breadcrumb-item{display:flex;align-items:center;color:var(--lx-text-muted)}.lx-breadcrumb-item a{color:var(--lx-text-secondary);transition:color var(--lx-duration-fast) var(--lx-ease)}.lx-breadcrumb-item a:hover{color:var(--lx-primary);text-decoration:none}.lx-breadcrumb-item.lx-active{color:var(--lx-text);font-weight:500}.lx-breadcrumb-item+.lx-breadcrumb-item::before{content:var(--lx-breadcrumb-sep);padding-inline:.4rem;color:var(--lx-text-muted)}.lx-modal{display:none;position:fixed;inset:0;z-index:var(--lx-z-modal);overflow-x:hidden;overflow-y:auto;align-items:center;justify-content:center}.lx-modal.lx-show{display:flex}.lx-modal-backdrop{position:fixed;inset:0;background:var(--lx-modal-backdrop);z-index:var(--lx-z-modal-bg);backdrop-filter:blur(2px)}.lx-modal-dialog{position:relative;width:100%;max-width:500px;margin:auto;padding:1rem;z-index:inherit}.lx-modal-sm{max-width:300px}.lx-modal-lg{max-width:800px}.lx-modal-xl{max-width:1100px}.lx-modal-fullscreen{max-width:none;padding:0;min-height:100dvh}.lx-modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 2rem)}.lx-modal-dialog-scrollable .lx-modal-body{overflow-y:auto;max-height:60vh}.lx-modal-content{background:var(--lx-bg);border-radius:var(--lx-modal-radius);box-shadow:var(--lx-modal-shadow);border:1px solid var(--lx-border);overflow:hidden}.lx-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--lx-card-padding);border-bottom:1px solid var(--lx-border)}.lx-modal-title{font-size:var(--lx-text-lg);font-weight:600;color:var(--lx-text)}.lx-modal-body{padding:var(--lx-card-padding)}.lx-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem var(--lx-card-padding);border-top:1px solid var(--lx-border);background:var(--lx-bg-soft)}.lx-modal.lx-fade .lx-modal-content{animation:lx-modal-in var(--lx-duration-slow) var(--lx-ease)}@keyframes lx-modal-in{from{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.lx-offcanvas{position:fixed;z-index:var(--lx-z-offcanvas);background:var(--lx-bg);box-shadow:var(--lx-shadow-xl);display:flex;flex-direction:column;visibility:hidden;transition:transform var(--lx-duration-slow) var(--lx-ease),visibility var(--lx-duration-slow)}.lx-offcanvas.lx-show{visibility:visible}.lx-offcanvas-start{top:0;inset-inline-start:0;height:100%;width:min(80vw,360px);transform:translateX(-100%)}.lx-offcanvas-end{top:0;inset-inline-end:0;height:100%;width:min(80vw,360px);transform:translateX(100%)}.lx-offcanvas-top{top:0;inset-inline:0;max-height:80vh;transform:translateY(-100%)}.lx-offcanvas-bottom{bottom:0;inset-inline:0;max-height:80vh;transform:translateY(100%)}.lx-offcanvas.lx-show.lx-offcanvas-bottom,.lx-offcanvas.lx-show.lx-offcanvas-end,.lx-offcanvas.lx-show.lx-offcanvas-start,.lx-offcanvas.lx-show.lx-offcanvas-top{transform:none}.lx-offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--lx-border);flex-shrink:0}.lx-offcanvas-title{font-weight:600;font-size:var(--lx-text-lg);color:var(--lx-text)}.lx-offcanvas-body{padding:1.5rem;flex:1;overflow-y:auto}.lx-dropdown{position:relative;display:inline-block}.lx-dropdown-toggle::after{content:"";display:inline-block;width:.35em;height:.35em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-.1em);margin-inline-start:.4em;vertical-align:.1em}.lx-dropdown-menu{display:none;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-start:0;min-width:10rem;padding:.375rem;background:var(--lx-bg);border:1px solid var(--lx-border);border-radius:var(--lx-radius-md);box-shadow:var(--lx-shadow-lg);z-index:var(--lx-z-dropdown);list-style:none;animation:lx-dropdown-in var(--lx-duration-fast) var(--lx-ease)}.lx-dropdown-menu.lx-show{display:block}.lx-dropdown-menu.lx-dropdown-menu-end{inset-inline-start:auto;inset-inline-end:0}.lx-dropup .lx-dropdown-menu{top:auto;bottom:calc(100% + .25rem)}.lx-dropend .lx-dropdown-menu{top:0;inset-inline-start:calc(100% + .25rem)}.lx-dropstart .lx-dropdown-menu{top:0;inset-inline-start:auto;inset-inline-end:calc(100% + .25rem)}.lx-dropdown-item{display:flex;align-items:center;width:100%;padding:.45rem .75rem;font-size:var(--lx-text-sm);color:var(--lx-text-secondary);background:0 0;border:none;border-radius:var(--lx-radius);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--lx-duration-fast) var(--lx-ease),color var(--lx-duration-fast) var(--lx-ease)}.lx-dropdown-item:hover{background:var(--lx-bg-muted);color:var(--lx-text)}.lx-dropdown-item.lx-active{background:var(--lx-primary-subtle);color:var(--lx-primary);font-weight:500}.lx-dropdown-item.lx-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lx-dropdown-header{padding:.375rem .75rem;font-size:.7rem;font-weight:700;color:var(--lx-text-muted);text-transform:uppercase;letter-spacing:.05em}.lx-dropdown-divider{border:none;border-top:1px solid var(--lx-border);margin:.375rem 0}@keyframes lx-dropdown-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lx-navbar{display:flex;align-items:center;flex-wrap:wrap;padding:.75rem 0;background:var(--lx-bg);border-bottom:1px solid var(--lx-border)}.lx-navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:var(--lx-text-lg);font-weight:700;color:var(--lx-text);text-decoration:none;margin-inline-end:1.5rem;flex-shrink:0}.lx-navbar-brand img{height:32px;width:auto}.lx-navbar-nav{display:flex;align-items:center;gap:.125rem;list-style:none;padding:0;margin:0}.lx-navbar-nav .lx-nav-link{font-size:var(--lx-text-sm);font-weight:500;padding:.45rem .75rem;color:var(--lx-text-secondary);border-radius:var(--lx-radius);transition:background var(--lx-duration-fast) var(--lx-ease),color var(--lx-duration-fast) var(--lx-ease);text-decoration:none}.lx-navbar-nav .lx-nav-link:hover{background:var(--lx-bg-muted);color:var(--lx-text)}.lx-navbar-nav .lx-nav-link.lx-active{background:var(--lx-primary-subtle);color:var(--lx-primary);font-weight:600}.lx-navbar-dark{background:var(--lx-dark);border-color:transparent}.lx-navbar-dark .lx-nav-link,.lx-navbar-dark .lx-navbar-brand{color:rgba(255,255,255,.85)}.lx-navbar-dark .lx-nav-link:hover{background:rgba(255,255,255,.1);color:#fff}.lx-navbar-toggler{padding:.375rem .5rem;background:0 0;border:1px solid var(--lx-border);border-radius:var(--lx-radius);cursor:pointer;display:none}.lx-navbar-toggler-icon{display:block;width:22px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}.lx-navbar-collapse{display:flex;align-items:center;flex:1}.lx-navbar-expand-lg .lx-navbar-collapse{display:flex!important}@media (max-width:1023.98px){.lx-navbar-expand-lg .lx-navbar-toggler{display:flex}.lx-navbar-expand-lg .lx-navbar-collapse{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:.75rem 0;border-top:1px solid var(--lx-border);margin-top:.75rem}.lx-navbar-expand-lg .lx-navbar-collapse.lx-show{display:flex}.lx-navbar-expand-lg .lx-navbar-nav{flex-direction:column;width:100%;gap:.125rem}.lx-navbar-expand-lg .lx-navbar-nav .lx-nav-link{width:100%}}.lx-nav{display:flex;flex-wrap:wrap;gap:.125rem;list-style:none;padding:0;margin:0}.lx-nav-link{display:block;padding:.45rem .875rem;font-size:var(--lx-text-sm);font-weight:500;color:var(--lx-text-secondary);border-radius:var(--lx-radius);text-decoration:none;background:0 0;border:none;cursor:pointer;transition:var(--lx-transition)}.lx-nav-link:hover{background:var(--lx-bg-muted);color:var(--lx-text)}.lx-nav-link.lx-active{background:var(--lx-primary-subtle);color:var(--lx-primary);font-weight:600}.lx-nav-link.lx-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lx-nav-tabs{border-bottom:1px solid var(--lx-border);gap:0;border-radius:0;padding-bottom:0}.lx-nav-tabs .lx-nav-link{border-radius:var(--lx-radius) var(--lx-radius) 0 0;border:1px solid transparent;margin-bottom:-1px}.lx-nav-tabs .lx-nav-link.lx-active{background:var(--lx-bg);border-color:var(--lx-border) var(--lx-border) var(--lx-bg);color:var(--lx-text);font-weight:600}.lx-nav-pills .lx-nav-link{border-radius:var(--lx-radius-full)}.lx-nav-pills .lx-nav-link.lx-active{background:var(--lx-primary);color:var(--lx-primary-fg)}.lx-nav-fill .lx-nav-item{flex:1}.lx-nav-fill .lx-nav-link{text-align:center}.lx-nav-justified .lx-nav-item{flex:1;text-align:center}.lx-nav-justified .lx-nav-link{text-align:center}.lx-tab-content .lx-tab-pane{display:none}.lx-tab-content .lx-tab-pane.lx-active{display:block;animation:lx-fadein var(--lx-duration) var(--lx-ease)}.lx-flex-col.lx-nav{flex-direction:column}.lx-flex-col.lx-nav .lx-nav-link{width:100%}@keyframes lx-fadein{from{opacity:0}to{opacity:1}}.lx-list-group{display:flex;flex-direction:column;border-radius:var(--lx-radius-md);overflow:hidden;border:1px solid var(--lx-border)}.lx-list-group-item{padding:.75rem 1rem;font-size:var(--lx-text-sm);background:var(--lx-bg);color:var(--lx-text-secondary);border-bottom:1px solid var(--lx-border)}.lx-list-group-item:last-child{border-bottom:none}.lx-list-group-item.lx-active{background:var(--lx-primary);color:var(--lx-primary-fg);border-color:var(--lx-primary)}.lx-list-group-item.lx-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.lx-list-group-item-action{cursor:pointer;text-decoration:none;display:block;transition:background var(--lx-duration-fast) var(--lx-ease)}.lx-list-group-item-action:hover{background:var(--lx-bg-muted);color:var(--lx-text)}.lx-list-group-item-success{background:var(--lx-success-subtle);color:var(--lx-success-hover);border-color:var(--lx-success-light)}.lx-list-group-item-warning{background:var(--lx-warning-subtle);color:var(--lx-warning-hover);border-color:var(--lx-warning-light)}.lx-list-group-item-danger{background:var(--lx-danger-subtle);color:var(--lx-danger-hover);border-color:var(--lx-danger-light)}.lx-list-group-item-info{background:var(--lx-info-subtle);color:var(--lx-info-hover);border-color:var(--lx-info-light)}.lx-list-group-horizontal{flex-direction:row}.lx-list-group-horizontal .lx-list-group-item{border-bottom:none;border-inline-end:1px solid var(--lx-border)}.lx-list-group-horizontal .lx-list-group-item:last-child{border-inline-end:none}.lx-pagination{display:inline-flex;align-items:center;gap:.125rem;list-style:none;padding:0;margin:0}.lx-page-link{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:var(--lx-text-sm);font-weight:500;color:var(--lx-text-secondary);background:var(--lx-bg);border:1px solid var(--lx-border);border-radius:var(--lx-radius);text-decoration:none;cursor:pointer;transition:var(--lx-transition)}.lx-page-link:hover{background:var(--lx-bg-muted);color:var(--lx-text);border-color:var(--lx-border-strong)}.lx-page-item.lx-active .lx-page-link{background:var(--lx-primary);color:#fff;border-color:var(--lx-primary)}.lx-page-item.lx-disabled .lx-page-link{opacity:.5;cursor:not-allowed;pointer-events:none}.lx-pagination-sm .lx-page-link{min-width:1.75rem;height:1.75rem;font-size:.75rem}.lx-pagination-lg .lx-page-link{min-width:2.5rem;height:2.5rem;font-size:1rem}.lx-accordion{border:1px solid var(--lx-border);border-radius:var(--lx-radius-md);overflow:hidden}.lx-accordion-item{border-bottom:1px solid var(--lx-border)}.lx-accordion-item:last-child{border-bottom:none}.lx-accordion-flush{border:none;border-radius:0}.lx-accordion-flush .lx-accordion-item{border-inline:none}.lx-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;font-size:var(--lx-text-sm);font-weight:600;color:var(--lx-text);background:var(--lx-bg);border:none;cursor:pointer;text-align:start;transition:background var(--lx-duration-fast) var(--lx-ease)}.lx-accordion-trigger:hover{background:var(--lx-bg-soft)}.lx-accordion-trigger.lx-active{color:var(--lx-primary);background:var(--lx-primary-subtle)}.lx-accordion-icon{width:.875rem;height:.875rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;transition:transform var(--lx-duration) var(--lx-ease)}.lx-accordion-trigger.lx-active .lx-accordion-icon{transform:rotate(-135deg)}.lx-accordion-body{display:none;padding:1rem 1.25rem;font-size:var(--lx-text-sm);color:var(--lx-text-secondary);line-height:1.7}.lx-accordion-body.lx-show{display:block;animation:lx-fadein var(--lx-duration) var(--lx-ease)}.lx-collapse{display:none}.lx-collapse.lx-show{display:block;animation:lx-fadein var(--lx-duration) var(--lx-ease)}.lx-toast-container{display:flex;flex-direction:column;gap:.5rem}.lx-toast{min-width:280px;max-width:380px;background:var(--lx-bg);border:1px solid var(--lx-border);border-radius:var(--lx-radius-md);box-shadow:var(--lx-shadow-lg);overflow:hidden;opacity:0;transition:opacity var(--lx-duration) var(--lx-ease),transform var(--lx-duration) var(--lx-ease);transform:translateX(1rem)}.lx-toast.lx-show{opacity:1;transform:translateX(0)}.lx-toast-header{display:flex;align-items:center;padding:.6rem .875rem;border-bottom:1px solid var(--lx-border);background:var(--lx-bg-soft);font-size:var(--lx-text-sm);font-weight:600;gap:.5rem}.lx-toast-body{padding:.75rem .875rem;font-size:var(--lx-text-sm);color:var(--lx-text-secondary)}.lx-tooltip{position:absolute;z-index:var(--lx-z-tooltip);background:var(--lx-tooltip-bg);color:var(--lx-tooltip-color);font-size:.75rem;padding:.3rem .6rem;border-radius:var(--lx-tooltip-radius);pointer-events:none;max-width:200px;white-space:normal;line-height:1.4;animation:lx-fadein var(--lx-duration-fast) var(--lx-ease)}.lx-popover{position:absolute;z-index:var(--lx-z-popover);background:var(--lx-bg);border:1px solid var(--lx-border);border-radius:var(--lx-radius-md);box-shadow:var(--lx-shadow-lg);max-width:280px;font-size:var(--lx-text-sm);animation:lx-fadein var(--lx-duration-fast) var(--lx-ease)}.lx-popover-header{padding:.6rem .875rem;font-weight:600;border-bottom:1px solid var(--lx-border);background:var(--lx-bg-soft);border-radius:var(--lx-radius-md) var(--lx-radius-md) 0 0}.lx-popover-body{padding:.75rem .875rem;color:var(--lx-text-secondary);line-height:1.6}.lx-carousel{position:relative;overflow:hidden}.lx-carousel-inner{display:flex;transition:transform var(--lx-duration-slow) var(--lx-ease)}.lx-carousel-item{min-width:100%;flex-shrink:0}.lx-carousel-indicators{position:absolute;bottom:1rem;inset-inline:0;display:flex;justify-content:center;gap:.375rem;z-index:2;list-style:none;padding:0;margin:0}.lx-carousel-indicators button{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:var(--lx-transition)}.lx-carousel-indicators button.lx-active{background:#fff;width:20px;border-radius:4px}.lx-carousel-control{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:rgba(0,0,0,.35);border:none;color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--lx-transition)}.lx-carousel-control:hover{background:rgba(0,0,0,.6)}.lx-carousel-prev{inset-inline-start:1rem}.lx-carousel-next{inset-inline-end:1rem}.lx-carousel-prev-icon::before{content:"‹";font-size:1.5rem;line-height:1}.lx-carousel-next-icon::before{content:"›";font-size:1.5rem;line-height:1}.lx-carousel-caption{position:absolute;bottom:3rem;inset-inline:15%;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.lx-carousel-caption h5{font-size:var(--lx-text-xl);font-weight:700;margin-bottom:.5rem}.lx-skeleton{background:linear-gradient(90deg,var(--lx-gray-100) 25%,var(--lx-gray-200) 50%,var(--lx-gray-100) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite lx-skeleton-wave;border-radius:var(--lx-radius)}.lx-skeleton-text{height:1em;margin-bottom:.5em}.lx-skeleton-img{width:100%;border-radius:var(--lx-radius)}.lx-skeleton-avatar{width:var(--lx-avatar-size);height:var(--lx-avatar-size);border-radius:50%}.lx-skeleton-btn{height:2.25rem;width:5rem}.lx-skeleton-pulse{animation:1.5s ease-in-out infinite lx-skeleton-pulse;background:var(--lx-gray-200)}.lx-skeleton-none{animation:none;background:var(--lx-gray-200)}@keyframes lx-skeleton-wave{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes lx-skeleton-pulse{0%,100%{opacity:1}50%{opacity:.4}}.lx-timeline{position:relative;padding-inline-start:1.75rem}.lx-timeline::before{content:"";position:absolute;inset-inline-start:.55rem;top:0;bottom:0;width:2px;background:var(--lx-border)}.lx-timeline-item{position:relative;padding-bottom:1.5rem}.lx-timeline-item:last-child{padding-bottom:0}.lx-timeline-marker{position:absolute;inset-inline-start:-1.2rem;top:.25rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--lx-primary);border:2px solid var(--lx-bg);box-shadow:0 0 0 2px var(--lx-border);flex-shrink:0;z-index:1}.lx-timeline-marker-icon{width:1.5rem;height:1.5rem;inset-inline-start:-1.5rem;display:flex;align-items:center;justify-content:center;font-size:.6rem}.lx-timeline-content{padding-inline-start:.25rem}.lx-timeline-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.lx-timeline-title{font-weight:600;font-size:var(--lx-text-sm);color:var(--lx-text);margin:0}.lx-timeline-time{font-size:var(--lx-text-xs);color:var(--lx-text-muted);white-space:nowrap;flex-shrink:0}.lx-timeline-item-pending .lx-timeline-marker{background:var(--lx-gray-300);box-shadow:0 0 0 2px var(--lx-gray-200)}.lx-timeline-item-pending .lx-timeline-title{color:var(--lx-text-muted);font-weight:400}.lx-timeline-horizontal{display:flex;padding-inline:0;padding-block-end:1.75rem}.lx-timeline-horizontal::before{top:.55rem;bottom:auto;inset-inline:0;width:auto;height:2px}.lx-timeline-horizontal .lx-timeline-item{padding-bottom:0;padding-top:1.75rem;flex:1}.lx-timeline-horizontal .lx-timeline-marker{top:-1.2rem;inset-inline-start:0}.lx-timeline-compact .lx-timeline-item{padding-bottom:.75rem}.lx-timeline-compact .lx-timeline-content{display:flex;align-items:center}.lx-scrollspy-active{color:var(--lx-primary)!important;background:var(--lx-primary-subtle)!important;font-weight:600!important}.lx-stretched-link::after{content:"";position:absolute;inset:0;z-index:1}.lx-link-primary{color:var(--lx-primary)}.lx-link-secondary{color:var(--lx-secondary)}.lx-link-success{color:var(--lx-success)}.lx-link-warning{color:var(--lx-warning)}.lx-link-danger{color:var(--lx-danger)}.lx-link-info{color:var(--lx-info)}.lx-link-dark{color:var(--lx-dark)}.lx-link-light{color:var(--lx-gray-400)}[class^=lx-link-]:hover{text-decoration:underline}.lx-form-group{margin-bottom:1.125rem}.lx-form-group:last-child{margin-bottom:0}.lx-form-inline{display:flex;align-items:flex-end;flex-wrap:wrap}.lx-form-horizontal .lx-label{margin-bottom:0;padding-top:calc(var(--lx-input-padding-y) + 1px)}.lx-label{display:block;font-size:var(--lx-text-sm);font-weight:500;color:var(--lx-text-secondary);margin-bottom:.375rem}.lx-label.lx-required::after{content:" *";color:var(--lx-danger)}.lx-form-hint{display:block;font-size:var(--lx-text-xs);color:var(--lx-text-muted);margin-top:.3rem}.lx-input,.lx-select,.lx-textarea{display:block;width:100%;padding:var(--lx-input-padding-y) var(--lx-input-padding-x);font-size:var(--lx-input-font-size);font-family:var(--lx-font-sans);line-height:1.5;color:var(--lx-text);background:var(--lx-input-bg);border:var(--lx-input-border);border-radius:var(--lx-input-radius);transition:border-color var(--lx-duration-fast) var(--lx-ease),box-shadow var(--lx-duration-fast) var(--lx-ease);appearance:none;-webkit-appearance:none}.lx-input:focus,.lx-select:focus,.lx-textarea:focus{outline:0;border-color:var(--lx-primary);box-shadow:var(--lx-input-focus-shadow)}.lx-input::placeholder,.lx-textarea::placeholder{color:var(--lx-text-muted)}.lx-input:disabled,.lx-select:disabled,.lx-textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--lx-bg-muted)}.lx-input[readonly]{background:var(--lx-bg-soft);cursor:default}.lx-input-sm,.lx-select-sm,.lx-textarea-sm{padding:.3rem .65rem;font-size:.8rem}.lx-input-lg,.lx-select-lg,.lx-textarea-lg{padding:.65rem 1rem;font-size:1rem}.lx-input-success{border-color:var(--lx-success)!important}.lx-input-success:focus{box-shadow:0 0 0 3px rgba(34,197,94,.15)}.lx-input-warning{border-color:var(--lx-warning)!important}.lx-input-warning:focus{box-shadow:0 0 0 3px rgba(245,158,11,.15)}.lx-input-error{border-color:var(--lx-danger)!important}.lx-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.lx-input-color{height:2.4rem;padding:.25rem .4rem;cursor:pointer}.lx-textarea{resize:vertical;min-height:6rem}.lx-textarea-auto{resize:none;overflow:hidden}.lx-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem;cursor:pointer}.lx-select[multiple],.lx-select[size]{background-image:none;padding-right:var(--lx-input-padding-x)}.lx-input-group{display:flex;align-items:stretch}.lx-input-group .lx-input,.lx-input-group .lx-select{flex:1;border-radius:0}.lx-input-group .lx-input:first-child,.lx-input-group .lx-select:first-child{border-radius:var(--lx-input-radius) 0 0 var(--lx-input-radius)}.lx-input-group .lx-input:last-child,.lx-input-group .lx-select:last-child{border-radius:0 var(--lx-input-radius) var(--lx-input-radius) 0}.lx-input-group .lx-input:focus,.lx-input-group .lx-select:focus{z-index:2}.lx-input-addon{display:flex;align-items:center;padding:var(--lx-input-padding-y) var(--lx-input-padding-x);font-size:var(--lx-input-font-size);font-weight:500;color:var(--lx-text-secondary);background:var(--lx-bg-muted);border:var(--lx-input-border);white-space:nowrap}.lx-input-group .lx-input-addon:first-child{border-radius:var(--lx-input-radius) 0 0 var(--lx-input-radius);border-right:none}.lx-input-group .lx-input-addon:last-child{border-radius:0 var(--lx-input-radius) var(--lx-input-radius) 0;border-left:none}.lx-input-group .lx-btn:first-child{border-radius:var(--lx-input-radius) 0 0 var(--lx-input-radius)}.lx-input-group .lx-btn:last-child{border-radius:0 var(--lx-input-radius) var(--lx-input-radius) 0}.lx-form-floating{position:relative}.lx-form-floating .lx-input,.lx-form-floating .lx-select,.lx-form-floating .lx-textarea{padding-top:1.5rem;padding-bottom:.5rem;height:3.25rem}.lx-form-floating .lx-textarea{height:auto;padding-top:1.75rem}.lx-form-floating label{position:absolute;top:.875rem;inset-inline-start:var(--lx-input-padding-x);color:var(--lx-text-muted);font-size:var(--lx-text-sm);font-weight:400;pointer-events:none;transform-origin:0 0;transition:transform var(--lx-duration-fast) var(--lx-ease),font-size var(--lx-duration-fast) var(--lx-ease),top var(--lx-duration-fast) var(--lx-ease)}.lx-form-floating .lx-input:focus~label,.lx-form-floating .lx-input:not(:placeholder-shown)~label,.lx-form-floating .lx-select:focus~label,.lx-form-floating .lx-select:not(:placeholder-shown)~label,.lx-form-floating .lx-textarea:focus~label,.lx-form-floating .lx-textarea:not(:placeholder-shown)~label{top:.375rem;font-size:.7rem;font-weight:600;color:var(--lx-primary)}.lx-checkbox,.lx-radio{display:inline-flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:var(--lx-text-sm);color:var(--lx-text-secondary);user-select:none;line-height:1.5}.lx-checkbox input[type=checkbox],.lx-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.lx-checkbox-mark{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1.5px solid var(--lx-border-strong);border-radius:var(--lx-radius-xs);background:var(--lx-bg);flex-shrink:0;margin-top:.125rem;transition:var(--lx-transition)}.lx-checkbox input:checked~.lx-checkbox-mark{background:var(--lx-primary);border-color:var(--lx-primary)}.lx-checkbox input:checked~.lx-checkbox-mark::after{content:"";width:.3rem;height:.55rem;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-.05rem,-.1rem)}.lx-checkbox input:disabled~.lx-checkbox-mark{opacity:.5;cursor:not-allowed}.lx-radio-mark{width:1.125rem;height:1.125rem;border:1.5px solid var(--lx-border-strong);border-radius:50%;background:var(--lx-bg);flex-shrink:0;margin-top:.125rem;display:flex;align-items:center;justify-content:center;transition:var(--lx-transition)}.lx-radio input:checked~.lx-radio-mark{border-color:var(--lx-primary)}.lx-radio input:checked~.lx-radio-mark::after{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--lx-primary)}.lx-switch{display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;font-size:var(--lx-text-sm);color:var(--lx-text-secondary);user-select:none}.lx-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.lx-switch-thumb{position:relative;width:2.25rem;height:1.25rem;background:var(--lx-gray-300);border-radius:var(--lx-radius-full);flex-shrink:0;transition:background var(--lx-duration) var(--lx-ease)}.lx-switch-thumb::before{content:"";position:absolute;top:.1875rem;inset-inline-start:.1875rem;width:.875rem;height:.875rem;border-radius:50%;background:#fff;box-shadow:var(--lx-shadow-sm);transition:transform var(--lx-duration) var(--lx-ease-spring)}.lx-switch input:checked~.lx-switch-thumb{background:var(--lx-primary)}.lx-switch input:checked~.lx-switch-thumb::before{transform:translateX(1rem)}.lx-switch-success input:checked~.lx-switch-thumb{background:var(--lx-success)}.lx-switch-danger input:checked~.lx-switch-thumb{background:var(--lx-danger)}.lx-switch-warning input:checked~.lx-switch-thumb{background:var(--lx-warning)}.lx-switch input:disabled~.lx-switch-thumb{opacity:.5;cursor:not-allowed}.lx-range{width:100%;height:.375rem;appearance:none;-webkit-appearance:none;background:var(--lx-border);border-radius:var(--lx-radius-full);cursor:pointer;outline:0}.lx-range::-webkit-slider-thumb{appearance:none;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--lx-primary);border:2px solid #fff;box-shadow:var(--lx-shadow-sm);transition:transform var(--lx-duration-fast) var(--lx-ease)}.lx-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.lx-range::-moz-range-thumb{width:1.125rem;height:1.125rem;border-radius:50%;background:var(--lx-primary);border:2px solid #fff;cursor:pointer}.lx-range:disabled{opacity:.55;cursor:not-allowed}.lx-valid-feedback{display:none;font-size:var(--lx-text-xs);color:var(--lx-success-hover);margin-top:.3rem}.lx-invalid-feedback{display:none;font-size:var(--lx-text-xs);color:var(--lx-danger-hover);margin-top:.3rem}.lx-was-validated .lx-input:invalid~.lx-invalid-feedback,.lx-was-validated .lx-input:valid~.lx-valid-feedback{display:block}.lx-was-validated .lx-input:valid{border-color:var(--lx-success)}.lx-was-validated .lx-input:invalid{border-color:var(--lx-danger)}.lx-table{width:100%;caption-side:bottom;border-collapse:collapse;font-size:var(--lx-text-sm)}.lx-table td,.lx-table th{padding:.625rem .875rem;vertical-align:middle;border-bottom:1px solid var(--lx-border);color:var(--lx-text-secondary)}.lx-table th{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--lx-text-muted);background:var(--lx-bg-soft);white-space:nowrap}.lx-table tbody tr:last-child td{border-bottom:none}.lx-table tbody tr:hover td{background:var(--lx-bg-soft)}.lx-table-striped tbody tr:nth-child(2n) td{background:var(--lx-bg-muted)}.lx-table-hover tbody tr:hover td{background:var(--lx-primary-subtle)}.lx-table-bordered td,.lx-table-bordered th{border:1px solid var(--lx-border)}.lx-table-borderless td,.lx-table-borderless th{border:none}.lx-table-compact td,.lx-table-compact th{padding:.35rem .75rem}.lx-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.lx-table-responsive-md{overflow-x:auto}@media (min-width:768px){.lx-table-responsive-md{overflow:visible}}.lx-table-primary td{background:var(--lx-primary-subtle);color:var(--lx-primary)}.lx-table-success td{background:var(--lx-success-subtle);color:var(--lx-success-hover)}.lx-table-warning td{background:var(--lx-warning-subtle);color:var(--lx-warning-hover)}.lx-table-danger td{background:var(--lx-danger-subtle);color:var(--lx-danger-hover)}.lx-table-active td{background:var(--lx-bg-muted)}.lx-img-fluid{max-width:100%;height:auto;display:block}.lx-img-thumbnail{max-width:100%;height:auto;border:2px solid var(--lx-border);border-radius:var(--lx-radius);padding:.25rem;background:var(--lx-bg)}.lx-img-cover{width:100%;height:100%;object-fit:cover;display:block}.lx-figure{margin:0}.lx-figure-caption{margin-top:.5rem;font-size:var(--lx-text-xs);color:var(--lx-text-muted)}[dir=rtl] .lx-dropdown-toggle::after{margin-inline-start:0;margin-inline-end:.4em}[dir=rtl] .lx-carousel-prev{inset-inline-start:auto;inset-inline-end:1rem}[dir=rtl] .lx-carousel-next{inset-inline-end:auto;inset-inline-start:1rem}[dir=rtl] .lx-float-start{float:inline-end}[dir=rtl] .lx-float-end{float:inline-start}[dir=rtl] .lx-timeline{padding-inline-start:0;padding-inline-end:1.75rem}[dir=rtl] .lx-timeline::before{inset-inline-start:auto;inset-inline-end:.55rem}[dir=rtl] .lx-timeline-marker{inset-inline-start:auto;inset-inline-end:-1.2rem}[dir=rtl] .lx-input-group .lx-input:first-child{border-radius:0 var(--lx-input-radius) var(--lx-input-radius) 0}[dir=rtl] .lx-input-group .lx-input:last-child{border-radius:var(--lx-input-radius) 0 0 var(--lx-input-radius)}[dir=rtl] .lx-input-group .lx-input-addon:first-child{border-radius:0 var(--lx-input-radius) var(--lx-input-radius) 0;border-right:var(--lx-input-border);border-left:none}[dir=rtl] .lx-input-group .lx-input-addon:last-child{border-radius:var(--lx-input-radius) 0 0 var(--lx-input-radius);border-left:var(--lx-input-border);border-right:none}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lancar/lxui",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Modern CSS Framework — zero dependencies, full components, dark mode, themes",
5
5
  "keywords": [
6
6
  "css",
@@ -142,7 +142,8 @@
142
142
  "CHANGELOG.md",
143
143
  "css/",
144
144
  "js/",
145
- "fonts/"
145
+ "fonts/",
146
+ "lxmarked.js"
146
147
  ],
147
148
  "scripts": {
148
149
  "build:css": "node scripts/build.js css",
package/types/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * LxUI v1.0.1 — TypeScript Declarations
2
+ * LxUI v1.0.2 — TypeScript Declarations
3
3
  * https://ui.lancar.id
4
4
  * Copyright (c) 2025 lancar.id — MIT License
5
5
  */