@lanrenbang/basecoat-ultra 0.1.7 → 0.2.0

package/dist/css/datepicker.min.css

@@ -1 +1,2 @@
-.flatpickr-calendar{opacity:0;text-align:center;visibility:hidden;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;direction:ltr;background:#fff;border:0;border-radius:5px;width:307.875px;padding:0;font-size:14px;line-height:24px;animation:none;display:none;position:absolute;box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:640px}.flatpickr-calendar.open{z-index:99999;display:inline-block}.flatpickr-calendar.animate.open{animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #e6e6e6;height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{pointer-events:none;content:"";border:solid #0000;width:0;height:0;display:block;position:absolute;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{color:#000000e6;fill:#000000e6;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;flex:1;height:34px;line-height:1;position:relative;overflow:hidden}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:3;color:#000000e6;fill:#000000e6;height:34px;padding:10px;text-decoration:none;position:absolute;top:0}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:inherit;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{opacity:0;cursor:pointer;box-sizing:border-box;border:1px solid #39393926;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;position:absolute;right:0}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-top:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;color:inherit;text-align:center;width:75%;height:34px;padding:7.48px 0 0;font-weight:300;line-height:1;display:inline-block;position:absolute;left:12.5%;transform:translate(0)}.flatpickr-current-month span.cur-month{color:inherit;margin-left:.5ch;padding:0;font-family:inherit;font-weight:700;display:inline-block}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{box-sizing:border-box;color:inherit;cursor:text;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;vertical-align:initial;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0 0 0 .5ch;display:inline-block}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#00000080;pointer-events:none;background:0 0;font-size:100%}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;height:auto;font-family:inherit;font-weight:300;line-height:inherit;vertical-align:initial;background:0 0;border:none;border-radius:0;outline:none;width:auto;margin:-1px 0 0;padding:0 0 0 .5ch;position:relative}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#0000;outline:none;padding:0}.flatpickr-weekdays{text-align:center;background:0 0;align-items:center;width:100%;height:28px;display:flex;overflow:hidden}.flatpickr-weekdays .flatpickr-weekdaycontainer{flex:1;display:flex}span.flatpickr-weekday{cursor:default;color:#0000008a;text-align:center;background:0 0;flex:1;margin:0;font-size:90%;font-weight:bolder;line-height:1;display:block}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{align-items:flex-start;width:307.875px;display:flex;position:relative;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{text-align:left;box-sizing:border-box;opacity:1;outline:0;flex-wrap:wrap;justify-content:space-around;width:307.875px;min-width:307.875px;max-width:307.875px;padding:0;display:flex;transform:translate(0)}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{box-sizing:border-box;color:#393939;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:150px;flex-basis:14.2857%;justify-content:center;width:14.2857%;max-width:39px;height:39px;margin:0;font-weight:400;line-height:39px;display:inline-block;position:relative}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;background:#e6e6e6;border-color:#e6e6e6;outline:0}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#fff;background:#959ea9;border-color:#959ea9}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:#569ff7;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;cursor:default;background:0 0;border-color:#0000}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{color:#3939394d;cursor:default;background:0 0;border:none;width:100%;max-width:none;display:block}.flatpickr-innerContainer{box-sizing:border-box;display:flex;overflow:hidden}.flatpickr-rContainer{box-sizing:border-box;padding:0;display:inline-block}.flatpickr-time{text-align:center;box-sizing:border-box;outline:0;height:0;max-height:40px;line-height:40px;display:flex;overflow:hidden}.flatpickr-time:after{content:"";clear:both;display:table}.flatpickr-time .numInputWrapper{float:left;flex:1;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-box-shadow:none;box-shadow:none;text-align:center;height:inherit;line-height:inherit;color:#393939;box-sizing:border-box;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:14px;position:relative}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;-webkit-user-select:none;user-select:none;align-self:center;width:2%;font-weight:700}.flatpickr-time .flatpickr-am-pm{cursor:pointer;text-align:center;outline:0;width:18%;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}@layer components{.flatpickr-calendar{background-color:var(--color-popover);color:var(--color-popover-foreground);border-radius:var(--radius-lg);border:1px solid var(--color-border);transform-origin:top;will-change:transform,opacity;animation:.2s ease-out slide-in-down;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.flatpickr-calendar{font-family:inherit;border-radius:var(--radius)!important;border:1px solid var(--border)!important;background-color:var(--popover)!important;width:fit-content!important;color:var(--popover-foreground)!important;padding:.75rem!important;animation:.2s ease-out fade-in!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}.flatpickr-calendar.hasTime{padding-bottom:1rem!important}.flatpickr-calendar.hasTime .flatpickr-time{margin-bottom:.25rem}.flatpickr-calendar.inline{box-shadow:none!important;width:auto!important;max-width:100%!important;margin-top:0!important;top:0!important}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{display:none!important}.flatpickr-months{background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:1.75rem!important;margin-bottom:1rem!important;display:flex!important;position:relative!important}.flatpickr-months .flatpickr-month{z-index:0;color:var(--foreground)!important;fill:var(--foreground)!important;background:0 0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;inset:0!important;overflow:visible!important}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{opacity:.5;transition:opacity .2s,background-color .2s;z-index:10!important;border-radius:calc(var(--radius) - 2px)!important;width:1.75rem!important;height:1.75rem!important;color:var(--muted-foreground)!important;background-color:#0000!important;border:1px solid #0000!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;position:absolute!important;top:0!important}:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month) svg{stroke-width:2px!important;fill:none!important;stroke:currentColor!important;width:1rem!important;height:1rem!important}:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month):hover{opacity:1;background-color:var(--accent)!important;color:var(--accent-foreground)!important}:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month):hover svg{stroke:currentColor!important}.flatpickr-months .flatpickr-prev-month{left:.25rem!important}.flatpickr-months .flatpickr-next-month{right:.25rem!important}.flatpickr-months .flatpickr-current-month{width:75%!important;height:100%!important;color:inherit!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:0!important;font-size:.875rem!important;font-weight:500!important;display:flex!important;position:absolute!important;top:0!important;left:12.5%!important;transform:none!important}.flatpickr-months .flatpickr-current-month .numInputWrapper{transition:background-color .2s;border-radius:calc(var(--radius) - 2px)!important;width:auto!important;padding:.25rem .5rem!important}.flatpickr-months .flatpickr-current-month .numInputWrapper:hover{background-color:var(--accent)!important}.flatpickr-months .flatpickr-current-month .numInputWrapper span{display:none}.flatpickr-months .flatpickr-current-month .numInputWrapper input.cur-year{cursor:pointer!important;height:auto!important;color:inherit!important;box-shadow:none!important;text-align:center!important;appearance:textfield!important;background-color:#0000!important;border:0!important;width:4ch!important;margin:0!important;padding:0!important;font-size:.875rem!important;font-weight:500!important}.flatpickr-months .flatpickr-current-month .numInputWrapper input.cur-year::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.flatpickr-months .flatpickr-current-month .numInputWrapper input.cur-year::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months{appearance:none;cursor:pointer;text-indent:.01px;text-overflow:"";outline:none;transition:background-color .2s;border-radius:calc(var(--radius) - 2px)!important;color:inherit!important;text-align:right!important;background-color:#0000!important;border:0!important;width:auto!important;padding:.25rem .5rem!important;font-size:.875rem!important;font-weight:500!important}.flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months:hover{background-color:var(--accent)!important}.flatpickr-weekdays{width:100%!important}.flatpickr-weekdays .flatpickr-weekdaycontainer{justify-content:space-between!important;width:100%!important;display:flex!important}.flatpickr-weekdays span.flatpickr-weekday{cursor:default!important;text-align:center!important;color:var(--muted-foreground)!important;flex:1!important;font-size:.8rem!important;font-weight:400!important}.flatpickr-days{border:0!important;width:100%!important}.flatpickr-days .dayContainer{grid-template-columns:repeat(7,1fr)!important;justify-content:space-between!important;row-gap:.25rem!important;width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;display:grid!important}.flatpickr-day{text-align:center!important;border-radius:calc(var(--radius) - 2px)!important;width:2.25rem!important;height:2.25rem!important;box-shadow:none!important;max-width:100%!important;color:var(--foreground)!important;background-color:#0000!important;border:1px solid #0000!important;flex-basis:auto!important;justify-content:center!important;align-items:center!important;margin:0!important;font-size:.875rem!important;font-weight:400!important;display:flex!important;position:relative!important}.flatpickr-day:hover,.flatpickr-day:focus,.flatpickr-day.today{background-color:var(--accent)!important;color:var(--accent-foreground)!important}.flatpickr-day.today:after{display:none!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background-color:var(--primary)!important;color:var(--primary-foreground)!important;border-color:#0000!important}.flatpickr-day.inRange{background-color:var(--accent)!important;color:var(--accent-foreground)!important;border-radius:0!important}.flatpickr-day.startRange{border-top-left-radius:calc(var(--radius) - 2px)!important;border-bottom-left-radius:calc(var(--radius) - 2px)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.flatpickr-day.endRange{border-top-right-radius:calc(var(--radius) - 2px)!important;border-bottom-right-radius:calc(var(--radius) - 2px)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{opacity:.5!important;cursor:not-allowed!important;color:var(--muted-foreground)!important;background-color:#0000!important}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{opacity:.5!important;color:var(--muted-foreground)!important}.flatpickr-time{border-top:1px solid var(--border)!important;justify-content:center!important;align-items:center!important;gap:.25rem!important;width:100%!important;height:auto!important;max-height:none!important;margin-top:.75rem!important;padding-top:.75rem!important;display:flex!important;overflow:visible!important}.flatpickr-time .numInputWrapper{flex:1!important;width:auto!important;height:2.25rem!important}.flatpickr-time .numInputWrapper:hover{background-color:#0000!important}.flatpickr-time .numInputWrapper span{display:none}.flatpickr-time .numInputWrapper input{border:1px solid var(--input)!important;border-radius:calc(var(--radius) - 2px)!important;text-align:center!important;height:100%!important;color:var(--foreground)!important;box-shadow:none!important;background-color:#0000!important;font-size:.875rem!important;font-weight:400!important}.flatpickr-time .numInputWrapper input:focus{outline:2px solid color-mix(in srgb,var(--ring),transparent 50%);outline-offset:2px;border-color:var(--ring)!important}.flatpickr-time .flatpickr-time-separator{color:var(--muted-foreground)!important;justify-content:center!important;align-items:center!important;padding:0!important;font-weight:700!important;display:flex!important}.flatpickr-time .flatpickr-am-pm{border:1px solid var(--input)!important;border-radius:calc(var(--radius) - 2px)!important;cursor:pointer!important;width:3rem!important;height:2.25rem!important;color:var(--foreground)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;margin-left:.25rem!important;display:flex!important}.flatpickr-time .flatpickr-am-pm:hover{background-color:var(--accent)!important}.flatpickr-time .flatpickr-am-pm:focus{outline:2px solid color-mix(in srgb,var(--ring),transparent 50%);outline-offset:2px;border-color:var(--ring)!important}
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+.flatpickr-calendar{opacity:0;text-align:center;visibility:hidden;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;direction:ltr;background:#fff;border:0;border-radius:5px;width:307.875px;padding:0;font-size:14px;line-height:24px;animation:none;display:none;position:absolute;box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:640px}.flatpickr-calendar.open{z-index:99999;display:inline-block}.flatpickr-calendar.animate.open{animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #e6e6e6;height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{pointer-events:none;content:"";border:solid #0000;width:0;height:0;display:block;position:absolute;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{color:#000000e6;fill:#000000e6;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;flex:1;height:34px;line-height:1;position:relative;overflow:hidden}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:3;color:#000000e6;fill:#000000e6;height:34px;padding:10px;text-decoration:none;position:absolute;top:0}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:inherit;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{opacity:0;cursor:pointer;box-sizing:border-box;border:1px solid #39393926;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;position:absolute;right:0}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-top:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;color:inherit;text-align:center;width:75%;height:34px;padding:7.48px 0 0;font-weight:300;line-height:1;display:inline-block;position:absolute;left:12.5%;transform:translate(0)}.flatpickr-current-month span.cur-month{color:inherit;margin-left:.5ch;padding:0;font-family:inherit;font-weight:700;display:inline-block}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{box-sizing:border-box;color:inherit;cursor:text;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;vertical-align:initial;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0 0 0 .5ch;display:inline-block}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#00000080;pointer-events:none;background:0 0;font-size:100%}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;height:auto;font-family:inherit;font-weight:300;line-height:inherit;vertical-align:initial;background:0 0;border:none;border-radius:0;outline:none;width:auto;margin:-1px 0 0;padding:0 0 0 .5ch;position:relative}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#0000;outline:none;padding:0}.flatpickr-weekdays{text-align:center;background:0 0;align-items:center;width:100%;height:28px;display:flex;overflow:hidden}.flatpickr-weekdays .flatpickr-weekdaycontainer{flex:1;display:flex}span.flatpickr-weekday{cursor:default;color:#0000008a;text-align:center;background:0 0;flex:1;margin:0;font-size:90%;font-weight:bolder;line-height:1;display:block}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{align-items:flex-start;width:307.875px;display:flex;position:relative;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{text-align:left;box-sizing:border-box;opacity:1;outline:0;flex-wrap:wrap;justify-content:space-around;width:307.875px;min-width:307.875px;max-width:307.875px;padding:0;display:flex;transform:translate(0)}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{box-sizing:border-box;color:#393939;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:150px;flex-basis:14.2857%;justify-content:center;width:14.2857%;max-width:39px;height:39px;margin:0;font-weight:400;line-height:39px;display:inline-block;position:relative}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;background:#e6e6e6;border-color:#e6e6e6;outline:0}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#fff;background:#959ea9;border-color:#959ea9}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:#569ff7;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;cursor:default;background:0 0;border-color:#0000}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{color:#3939394d;cursor:default;background:0 0;border:none;width:100%;max-width:none;display:block}.flatpickr-innerContainer{box-sizing:border-box;display:flex;overflow:hidden}.flatpickr-rContainer{box-sizing:border-box;padding:0;display:inline-block}.flatpickr-time{text-align:center;box-sizing:border-box;outline:0;height:0;max-height:40px;line-height:40px;display:flex;overflow:hidden}.flatpickr-time:after{content:"";clear:both;display:table}.flatpickr-time .numInputWrapper{float:left;flex:1;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-box-shadow:none;box-shadow:none;text-align:center;height:inherit;line-height:inherit;color:#393939;box-sizing:border-box;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:14px;position:relative}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;-webkit-user-select:none;user-select:none;align-self:center;width:2%;font-weight:700}.flatpickr-time .flatpickr-am-pm{cursor:pointer;text-align:center;outline:0;width:18%;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}.flatpickr-calendar{background-color:var(--color-popover);color:var(--color-popover-foreground);border-radius:var(--radius-lg);border:1px solid var(--color-border);transform-origin:top;will-change:transform,opacity;box-sizing:border-box;font-family:inherit;animation:.2s ease-out slide-in-down;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;width:fit-content!important;padding:.75rem!important}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.flatpickr-calendar.hasTime{padding-bottom:1rem!important}.flatpickr-calendar.hasTime .flatpickr-time{margin-bottom:.25rem}.flatpickr-calendar.inline{position:relative;box-shadow:none!important;width:278px!important;max-width:100%!important;margin-top:0!important;display:block!important;top:0!important}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{display:none!important}.flatpickr-months{background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:1.75rem!important;margin-bottom:1rem!important;display:flex!important;position:relative!important}.flatpickr-months .flatpickr-month{z-index:0;color:var(--foreground)!important;fill:var(--foreground)!important;background:0 0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;inset:0!important;overflow:visible!important}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{opacity:.5;transition:opacity .2s,background-color .2s;z-index:10!important;border-radius:calc(var(--radius) - 2px)!important;width:1.75rem!important;height:1.75rem!important;color:var(--muted-foreground)!important;background-color:#0000!important;border:1px solid #0000!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;position:absolute!important;top:0!important}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{stroke-width:2px!important;fill:none!important;stroke:currentColor!important;width:1rem!important;height:1rem!important}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{opacity:1;background-color:var(--accent)!important;color:var(--accent-foreground)!important}.flatpickr-months .flatpickr-prev-month{left:.25rem!important}.flatpickr-months .flatpickr-next-month{right:.25rem!important}.flatpickr-current-month{width:75%!important;height:100%!important;color:inherit!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:0!important;font-size:.875rem!important;font-weight:500!important;display:flex!important;position:absolute!important;top:0!important;left:12.5%!important;transform:none!important}.flatpickr-current-month .numInputWrapper{transition:background-color .2s;border-radius:calc(var(--radius) - 2px)!important;width:auto!important;padding:.25rem .5rem!important}.flatpickr-current-month .numInputWrapper:hover{background-color:var(--accent)!important}.flatpickr-current-month .numInputWrapper span{display:none}.flatpickr-current-month input.cur-year{cursor:pointer!important;height:auto!important;color:inherit!important;box-shadow:none!important;text-align:center!important;appearance:textfield!important;background-color:#0000!important;border:0!important;width:4ch!important;margin:0!important;padding:0!important;font-size:.875rem!important;font-weight:500!important}.flatpickr-monthDropdown-months{appearance:none;cursor:pointer;outline:none;transition:background-color .2s;border-radius:calc(var(--radius) - 2px)!important;color:inherit!important;text-align:right!important;background-color:#0000!important;border:0!important;width:auto!important;padding:.25rem .5rem!important;font-size:.875rem!important;font-weight:500!important}.flatpickr-monthDropdown-months:hover{background-color:var(--accent)!important}.flatpickr-weekdays{width:100%!important}.flatpickr-weekdays .flatpickr-weekdaycontainer{justify-content:space-between!important;width:100%!important;display:flex!important}.flatpickr-weekdays span.flatpickr-weekday{cursor:default!important;text-align:center!important;color:var(--muted-foreground)!important;flex:1!important;font-size:.8rem!important;font-weight:400!important}.flatpickr-days{border:0!important;width:100%!important}.flatpickr-days .dayContainer{grid-template-columns:repeat(7,1fr)!important;justify-content:space-between!important;row-gap:.25rem!important;width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;display:grid!important}.flatpickr-day{text-align:center!important;border-radius:calc(var(--radius) - 2px)!important;width:2.25rem!important;height:2.25rem!important;box-shadow:none!important;max-width:100%!important;color:var(--foreground)!important;background-color:#0000!important;border:1px solid #0000!important;flex-basis:auto!important;justify-content:center!important;align-items:center!important;margin:0!important;font-size:.875rem!important;font-weight:400!important;display:flex!important;position:relative!important}.flatpickr-day:hover,.flatpickr-day:focus,.flatpickr-day.today{background-color:var(--accent)!important;color:var(--accent-foreground)!important}.flatpickr-day.today:after{display:none!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background-color:var(--primary)!important;color:var(--primary-foreground)!important;border-color:#0000!important}.flatpickr-day.inRange{background-color:var(--accent)!important;color:var(--accent-foreground)!important;border-radius:0!important}.flatpickr-day.startRange{border-top-left-radius:calc(var(--radius) - 2px)!important;border-bottom-left-radius:calc(var(--radius) - 2px)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.flatpickr-day.endRange{border-top-right-radius:calc(var(--radius) - 2px)!important;border-bottom-right-radius:calc(var(--radius) - 2px)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{opacity:.5!important;cursor:not-allowed!important;color:var(--muted-foreground)!important;background-color:#0000!important}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{opacity:.5!important;color:var(--muted-foreground)!important}.flatpickr-time{border-top:1px solid var(--border)!important;justify-content:center!important;align-items:center!important;gap:.25rem!important;width:100%!important;height:auto!important;max-height:none!important;margin-top:.75rem!important;padding-top:.75rem!important;display:flex!important;overflow:visible!important}.flatpickr-time .numInputWrapper{flex:1!important;width:auto!important;height:2.25rem!important}.flatpickr-time .numInputWrapper:hover{background-color:#0000!important}.flatpickr-time .numInputWrapper span{display:none}.flatpickr-time .numInputWrapper input{border:1px solid var(--input)!important;border-radius:calc(var(--radius) - 2px)!important;text-align:center!important;height:100%!important;color:var(--foreground)!important;box-shadow:none!important;background-color:#0000!important;font-size:.875rem!important;font-weight:400!important}.flatpickr-time .numInputWrapper input:focus{outline:2px solid var(--ring);border-color:var(--ring)!important}@supports (color:color-mix(in lab, red, red)){.flatpickr-time .numInputWrapper input:focus{outline:2px solid color-mix(in srgb,var(--ring),transparent 50%)}}.flatpickr-time .numInputWrapper input:focus{outline-offset:2px}.flatpickr-time .flatpickr-time-separator{color:var(--muted-foreground)!important;justify-content:center!important;align-items:center!important;padding:0!important;font-weight:700!important;display:flex!important}.flatpickr-time .flatpickr-am-pm{border:1px solid var(--input)!important;border-radius:calc(var(--radius) - 2px)!important;cursor:pointer!important;width:3rem!important;height:2.25rem!important;color:var(--foreground)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;margin-left:.25rem!important;display:flex!important}.flatpickr-time .flatpickr-am-pm:hover{background-color:var(--accent)!important}.flatpickr-time .flatpickr-am-pm:focus{outline:2px solid var(--ring);border-color:var(--ring)!important}@supports (color:color-mix(in lab, red, red)){.flatpickr-time .flatpickr-am-pm:focus{outline:2px solid color-mix(in srgb,var(--ring),transparent 50%)}}.flatpickr-time .flatpickr-am-pm:focus{outline-offset:2px}

package/dist/css/resizable.css

@@ -1,96 +1,75 @@
 /* Resizable (Split.js) */
-/* Replaced @apply with standard CSS + vars */
 
 @layer components {
   .gutter {
-    background-color: transparent !important;
-    border: 0 !important;
-    outline: none !important;
-    box-shadow: none !important;
+    /* The core 1px visible line */
+    background-color: var(--color-border) !important;
     position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
+    overflow: visible !important;
+    transition: background-color 0.2s;
+    z-index: 10;
+
+    &:hover {
+        background-color: var(--color-primary) !important;
+    }
     
-    /* 1px Central Line */
+    /* 1. Invisible Hit Area (Easier to grab) */
     &::before {
         content: '';
         position: absolute;
-        background-color: var(--border) !important;
-        z-index: 10;
-        pointer-events: none;
-        box-shadow: none !important;
+        z-index: 1;
     }
 
-    &:hover {
-        /* background-color: color-mix(in srgb, var(--ring), transparent 50%); */
-        /* Only highlight the line or handle on hover if desired, or keep transparent */
+    /* 2. Visible Handle (The thicker part) */
+    &::after {
+        content: '';
+        position: absolute;
+        background-color: var(--color-muted-foreground); 
+        border-radius: 9999px;
+        transition: opacity 0.2s, background-color 0.2s;
+        z-index: 2;
+        opacity: 0.6;
+    }
+
+    &:hover::after {
+        opacity: 1;
+        background-color: var(--color-primary);
     }
     
     &.gutter-horizontal {
-        width: 0.25rem; /* w-1 */
+        width: 1px !important;
         cursor: col-resize;
         
         &::before {
-            width: 1px;
-            height: 100%;
-            top: 0;
-            bottom: 0;
-            left: 50%;
-            transform: translateX(-50%);
+            top: 0; bottom: 0;
+            left: -4px; right: -4px; /* 9px total hit area */
         }
 
-        &:after {
-            content: '';
-            position: absolute;
+        &::after {
             left: 50%;
             top: 50%;
             transform: translate(-50%, -50%);
-            height: 1rem; /* h-4 */
-            width: 0.25rem; /* w-1 */
-            background-color: var(--muted-foreground); 
-            opacity: 0.5;
-            border-radius: 9999px;
-            transition: opacity 0.2s;
-            z-index: 20;
-        }
-        &:hover:after {
-            opacity: 1;
+            height: 1.5rem; /* h-6 */
+            width: 4px; /* Thicker than line */
         }
     }
+
     &.gutter-vertical {
-        height: 0.25rem; /* h-1 */
+        height: 1px !important;
         cursor: row-resize;
         
         &::before {
-            height: 1px;
-            width: 100%;
-            left: 0;
-            right: 0;
-            top: 50%;
-            transform: translateY(-50%);
+            left: 0; right: 0;
+            top: -4px; bottom: -4px; /* 9px total hit area */
         }
 
-        &:after {
-            content: '';
-            position: absolute;
+        &::after {
             left: 50%;
             top: 50%;
             transform: translate(-50%, -50%);
-            width: 1rem; /* w-4 */
-            height: 0.25rem; /* h-1 */
-            background-color: var(--muted-foreground); 
-            opacity: 0.5;
-            border-radius: 9999px;
-            transition: opacity 0.2s;
-            z-index: 20;
-        }
-        &:hover:after {
-            opacity: 1;
+            width: 1.5rem; /* w-6 */
+            height: 4px; /* Thicker than line */
         }
     }
   }
-}
+}

package/dist/css/resizable.min.css

@@ -1 +1 @@
-@layer components{.gutter{justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:none!important;background-color:#0000!important;border:0!important;outline:none!important}.gutter:before{content:"";z-index:10;pointer-events:none;position:absolute;background-color:var(--border)!important;box-shadow:none!important}.gutter.gutter-horizontal{cursor:col-resize;width:.25rem}.gutter.gutter-horizontal:before{width:1px;height:100%;top:0;bottom:0;left:50%;transform:translate(-50%)}.gutter.gutter-horizontal:after{content:"";background-color:var(--muted-foreground);opacity:.5;z-index:20;border-radius:9999px;width:.25rem;height:1rem;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gutter.gutter-horizontal:hover:after{opacity:1}.gutter.gutter-vertical{cursor:row-resize;height:.25rem}.gutter.gutter-vertical:before{width:100%;height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.gutter.gutter-vertical:after{content:"";background-color:var(--muted-foreground);opacity:.5;z-index:20;border-radius:9999px;width:1rem;height:.25rem;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gutter.gutter-vertical:hover:after{opacity:1}}
+@layer components{.gutter{z-index:10;transition:background-color .2s;position:relative;background-color:var(--color-border)!important;overflow:visible!important}.gutter:hover{background-color:var(--color-primary)!important}.gutter:before{content:"";z-index:1;position:absolute}.gutter:after{content:"";background-color:var(--color-muted-foreground);z-index:2;opacity:.6;border-radius:9999px;transition:opacity .2s,background-color .2s;position:absolute}.gutter:hover:after{opacity:1;background-color:var(--color-primary)}.gutter.gutter-horizontal{cursor:col-resize;width:1px!important}.gutter.gutter-horizontal:before{inset:0 -4px}.gutter.gutter-horizontal:after{width:4px;height:1.5rem;top:50%;left:50%;transform:translate(-50%,-50%)}.gutter.gutter-vertical{cursor:row-resize;height:1px!important}.gutter.gutter-vertical:before{inset:-4px 0}.gutter.gutter-vertical:after{width:1.5rem;height:4px;top:50%;left:50%;transform:translate(-50%,-50%)}}

package/dist/js/all.js

@@ -7,6 +7,7 @@ import "./dialog.js";
 import "./dropdown-menu.js";
 import "./input-otp.js";
 import "./lighting.js";
+import "./pagination.js";
 import "./popover.js";
 import "./select.js";
 import "./sheet.js";

package/dist/js/all.min.js

@@ -7,6 +7,7 @@ import "./dialog.min.js";
 import "./dropdown-menu.min.js";
 import "./input-otp.min.js";
 import "./lighting.min.js";
+import "./pagination.min.js";
 import "./popover.min.js";
 import "./select.min.js";
 import "./sheet.min.js";

package/dist/js/basecoat.js

@@ -68,8 +68,10 @@
     start: startObserver,
     stop: stopObserver
   };
-  document.addEventListener("DOMContentLoaded", () => {
-    initAllComponents();
-    startObserver();
-  });
+  if (typeof document !== "undefined") {
+    document.addEventListener("DOMContentLoaded", () => {
+      initAllComponents();
+      startObserver();
+    });
+  }
 })();

package/dist/js/basecoat.min.js

@@ -1,6 +1,6 @@
 (() => {
   const i = {};
-  let r = null;
+  let n = null;
   const l = (e, o, t) => {
     i[e] = {
       selector: o,
@@ -11,21 +11,21 @@
       document.querySelectorAll(o).forEach(t);
     });
   }, a = (e) => {
-    e.nodeType === Node.ELEMENT_NODE && Object.entries(i).forEach(([o, { selector: t, init: n }]) => {
-      e.matches(t) && n(e), e.querySelectorAll(t).forEach(n);
+    e.nodeType === Node.ELEMENT_NODE && Object.entries(i).forEach(([o, { selector: t, init: r }]) => {
+      e.matches(t) && r(e), e.querySelectorAll(t).forEach(r);
     });
   }, s = () => {
-    if (r) return;
+    if (n) return;
     let e;
-    r = new MutationObserver((o) => {
+    n = new MutationObserver((o) => {
       clearTimeout(e), e = setTimeout(() => {
         o.forEach((t) => {
           t.addedNodes.forEach(a);
         });
       }, 50);
-    }), r.observe(document.body, { childList: !0, subtree: !0 });
+    }), n.observe(document.body, { childList: !0, subtree: !0 });
   }, u = () => {
-    r && (r.disconnect(), r = null);
+    n && (n.disconnect(), n = null);
   }, d = (e) => {
     const o = i[e];
     if (!o) {
@@ -33,14 +33,14 @@
       return;
     }
     const t = `data-${e}-initialized`;
-    document.querySelectorAll(`[${t}]`).forEach((n) => {
-      n.removeAttribute(t);
+    document.querySelectorAll(`[${t}]`).forEach((r) => {
+      r.removeAttribute(t);
     }), document.querySelectorAll(o.selector).forEach(o.init);
   }, f = () => {
     Object.entries(i).forEach(([e, { selector: o }]) => {
       const t = `data-${e}-initialized`;
-      document.querySelectorAll(`[${t}]`).forEach((n) => {
-        n.removeAttribute(t);
+      document.querySelectorAll(`[${t}]`).forEach((r) => {
+        r.removeAttribute(t);
       });
     }), c();
   };
@@ -50,7 +50,7 @@
     initAll: f,
     start: s,
     stop: u
-  }, document.addEventListener("DOMContentLoaded", () => {
+  }, typeof document < "u" && document.addEventListener("DOMContentLoaded", () => {
     c(), s();
   });
 })();

package/dist/js/carousel.js

@@ -33,6 +33,14 @@
     const updateButtons = () => {
       if (!prevBtn && !nextBtn) return;
       const { scrollLeft, scrollTop, scrollWidth, scrollHeight, clientWidth, clientHeight } = content;
+      carousel.dispatchEvent(new CustomEvent("change", {
+        bubbles: true,
+        detail: {
+          scrollLeft,
+          scrollTop,
+          isEnd: orientation === "vertical" ? scrollTop >= scrollWidth - clientHeight - 1 : scrollLeft >= scrollWidth - clientWidth - 1
+        }
+      }));
       if (orientation === "vertical") {
         const canScrollPrev = scrollTop > 1;
         const canScrollNext = scrollTop < scrollHeight - clientHeight - 1;

package/dist/js/carousel.min.js

@@ -1,40 +1,47 @@
 (() => {
   const m = (s) => {
-    const o = s.querySelector(".carousel-content"), e = s.querySelector(".carousel-previous"), i = s.querySelector(".carousel-next"), a = s.dataset.orientation || "horizontal";
+    const o = s.querySelector(".carousel-content"), i = s.querySelector(".carousel-previous"), r = s.querySelector(".carousel-next"), a = s.dataset.orientation || "horizontal";
     if (!o) return;
-    const b = () => {
+    const h = () => {
       const t = o.querySelector(".carousel-item");
       if (!t) return a === "vertical" ? o.offsetHeight : o.offsetWidth;
-      const r = window.getComputedStyle(t);
+      const e = window.getComputedStyle(t);
       if (a === "vertical") {
-        const n = t.offsetHeight, l = parseFloat(r.marginTop), c = parseFloat(r.marginBottom);
-        return n + l + c;
+        const n = t.offsetHeight, c = parseFloat(e.marginTop), l = parseFloat(e.marginBottom);
+        return n + c + l;
       } else {
-        const n = t.offsetWidth, l = parseFloat(r.marginLeft), c = parseFloat(r.marginRight);
-        return n + l + c;
+        const n = t.offsetWidth, c = parseFloat(e.marginLeft), l = parseFloat(e.marginRight);
+        return n + c + l;
       }
     }, g = (t) => {
-      const r = b(), n = t === "next" ? r : -r;
+      const e = h(), n = t === "next" ? e : -e;
       a === "vertical" ? o.scrollBy({ top: n, behavior: "smooth" }) : o.scrollBy({ left: n, behavior: "smooth" });
     }, u = () => {
-      if (!e && !i) return;
-      const { scrollLeft: t, scrollTop: r, scrollWidth: n, scrollHeight: l, clientWidth: c, clientHeight: p } = o;
-      if (a === "vertical") {
-        const d = r > 1, f = r < l - p - 1;
-        e && (e.disabled = !d, e.setAttribute("aria-disabled", String(!d))), i && (i.disabled = !f, i.setAttribute("aria-disabled", String(!f)));
+      if (!i && !r) return;
+      const { scrollLeft: t, scrollTop: e, scrollWidth: n, scrollHeight: c, clientWidth: l, clientHeight: b } = o;
+      if (s.dispatchEvent(new CustomEvent("change", {
+        bubbles: !0,
+        detail: {
+          scrollLeft: t,
+          scrollTop: e,
+          isEnd: a === "vertical" ? e >= n - b - 1 : t >= n - l - 1
+        }
+      })), a === "vertical") {
+        const d = e > 1, f = e < c - b - 1;
+        i && (i.disabled = !d, i.setAttribute("aria-disabled", String(!d))), r && (r.disabled = !f, r.setAttribute("aria-disabled", String(!f)));
       } else {
-        const d = t > 1, f = t < n - c - 1;
-        e && (e.disabled = !d, e.setAttribute("aria-disabled", String(!d))), i && (i.disabled = !f, i.setAttribute("aria-disabled", String(!f)));
+        const d = t > 1, f = t < n - l - 1;
+        i && (i.disabled = !d, i.setAttribute("aria-disabled", String(!d))), r && (r.disabled = !f, r.setAttribute("aria-disabled", String(!f)));
       }
     };
-    e && e.addEventListener("click", () => g("prev")), i && i.addEventListener("click", () => g("next"));
+    i && i.addEventListener("click", () => g("prev")), r && r.addEventListener("click", () => g("next"));
     let v = !1;
     o.addEventListener("scroll", () => {
       v || (window.requestAnimationFrame(() => {
         u(), v = !1;
       }), v = !0);
     }, { passive: !0 }), s.addEventListener("keydown", (t) => {
-      a === "vertical" ? t.key === "ArrowUp" ? (t.preventDefault(), e?.click()) : t.key === "ArrowDown" && (t.preventDefault(), i?.click()) : t.key === "ArrowLeft" ? (t.preventDefault(), e?.click()) : t.key === "ArrowRight" && (t.preventDefault(), i?.click());
+      a === "vertical" ? t.key === "ArrowUp" ? (t.preventDefault(), i?.click()) : t.key === "ArrowDown" && (t.preventDefault(), r?.click()) : t.key === "ArrowLeft" ? (t.preventDefault(), i?.click()) : t.key === "ArrowRight" && (t.preventDefault(), r?.click());
     }), new ResizeObserver(u).observe(o), u(), s.dataset.carouselInitialized = !0, s.dispatchEvent(new CustomEvent("basecoat:initialized"));
   };
   window.basecoat && window.basecoat.register("carousel", ".carousel:not([data-carousel-initialized])", m);

package/dist/js/catppuccin-theme-switcher.js

@@ -25,7 +25,7 @@
     });
     return colors;
   }
-  function setTheme(theme, accent) {
+  function setTheme(theme, accent, container) {
     const root = document.documentElement;
     THEMES.forEach((t) => root.classList.remove(`theme-${t}`));
     ACCENTS.forEach((a) => root.classList.remove(`accent-${a}`));
@@ -42,6 +42,12 @@
       localStorage.removeItem("basecoat-mode");
     } catch (e) {
     }
+    if (container) {
+      container.dispatchEvent(new CustomEvent("change", {
+        bubbles: true,
+        detail: { theme, accent }
+      }));
+    }
   }
   function initTheme() {
     try {
@@ -64,7 +70,9 @@
       console.error("Basecoat: Theme initialization failed", e);
     }
   }
-  initTheme();
+  if (typeof document !== "undefined") {
+    initTheme();
+  }
   const init = (container) => {
     const flavorGroup = container.querySelector(".theme-flavors");
     const accentGrid = container.querySelector(".theme-accents");
@@ -102,19 +110,40 @@
       if (!accentGrid) return;
       accentGrid.innerHTML = "";
       const colors = getThemePreviewColors(currentFlavor);
+      const appliedTheme = localStorage.getItem("catppuccin-theme");
+      const appliedAccent = localStorage.getItem("catppuccin-accent");
       accentGrid.className = "theme-accents grid grid-cols-7 gap-3 place-items-center p-4 rounded-xl border border-border/50 mt-4 transition-colors duration-300";
       accentGrid.style.backgroundColor = colors.background;
       ACCENTS.forEach((acc) => {
         const btn = document.createElement("button");
         btn.type = "button";
-        btn.className = "size-6 rounded-full border border-border/20 shadow-sm transition-transform hover:scale-110 focus:outline-none focus:ring-2 focus:ring-ring";
+        const isSelected = appliedAccent === acc && appliedTheme === currentFlavor;
+        btn.className = `size-6 rounded-full border border-border/20 shadow-sm transition-transform hover:scale-110 focus:outline-none focus:ring-2 focus:ring-ring relative flex items-center justify-center ${isSelected ? "ring-2 ring-white ring-offset-2 scale-110" : ""}`;
         btn.title = acc;
         btn.style.backgroundColor = colors[acc];
         btn.dataset.tooltip = acc;
         btn.dataset.side = "top";
-        btn.onclick = () => {
-          setTheme(currentFlavor, acc);
+        if (isSelected) {
+          const checkmark = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+          checkmark.setAttribute("class", "text-white drop-shadow-sm");
+          checkmark.style.width = "12px";
+          checkmark.style.height = "12px";
+          checkmark.setAttribute("viewBox", "0 0 24 24");
+          checkmark.setAttribute("fill", "none");
+          checkmark.setAttribute("stroke", "currentColor");
+          checkmark.setAttribute("stroke-width", "3");
+          checkmark.setAttribute("stroke-linecap", "round");
+          checkmark.setAttribute("stroke-linejoin", "round");
+          const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+          path.setAttribute("d", "M20 6 9 17l-5-5");
+          checkmark.appendChild(path);
+          btn.appendChild(checkmark);
+        }
+        btn.onclick = (e) => {
+          e.stopPropagation();
+          setTheme(currentFlavor, acc, container);
           updateFlavorUI();
+          renderAccents();
         };
         accentGrid.appendChild(btn);
       });
@@ -145,12 +174,18 @@
         currentFlavor = wasDark ? "mocha" : "latte";
         updateFlavorUI();
         renderAccents();
+        container.dispatchEvent(new CustomEvent("change", {
+          bubbles: true,
+          detail: { theme: null, accent: null, mode: wasDark ? "dark" : "light" }
+        }));
       });
     }
     updateFlavorUI();
     renderAccents();
+    container.dataset.catppuccinThemeSwitcherInitialized = true;
+    container.dispatchEvent(new CustomEvent("basecoat:initialized"));
   };
   if (window.basecoat) {
-    window.basecoat.register("catppuccin-theme-switcher", ".catppuccin-theme-switcher", init);
+    window.basecoat.register("catppuccin-theme-switcher", ".catppuccin-theme-switcher:not([data-catppuccin-theme-switcher-initialized])", init);
   }
 })();