@lanrenbang/basecoat-ultra 0.1.2

package/dist/css/datepicker.css

@@ -0,0 +1,382 @@
+/* Flatpickr Overrides (Basecoat Style) */
+/* No @apply used here to avoid Tailwind dependency in this specific file */
+
+@import url("../../node_modules/flatpickr/dist/flatpickr.css");
+
+@layer components {
+  .flatpickr-calendar {
+    /* Base Overrides - Using CSS variables instead of @apply */
+    background-color: var(--color-popover);
+    color: var(--color-popover-foreground);
+    border-radius: var(--radius-lg);
+    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
+    border: 1px solid var(--color-border);
+    
+    /* Animation: Slide-in from top */
+    transform-origin: top;
+    will-change: transform, opacity;
+    animation: slide-in-down 0.2s ease-out;
+  }
+}
+
+@keyframes slide-in-down {
+  from {
+    opacity: 0;
+    transform: translateY(-0.5rem) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+
+.flatpickr-calendar {
+  border-radius: var(--radius) !important;
+  border: 1px solid var(--border) !important;
+  padding: 0.75rem !important;
+  width: fit-content !important;
+  animation: fade-in 0.2s ease-out !important;
+  font-family: inherit;
+  background-color: var(--popover) !important;
+  color: var(--popover-foreground) !important;
+  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; /* shadow-md */
+  
+  /* Fix bottom padding when time picker is present */
+  &.hasTime {
+    padding-bottom: 1rem !important;
+    .flatpickr-time {
+      margin-bottom: 0.25rem;
+    }
+  }
+
+  /* Inline Mode Fixes */
+  &.inline {
+      top: 0 !important;
+      box-shadow: none !important; /* Remove shadow for inline */
+      margin-top: 0 !important;
+      width: auto !important; /* Allow it to fill or fit container */
+      max-width: 100% !important;
+  }
+}
+
+/* Hiding the arrow triangle */
+.flatpickr-calendar.arrowTop:before,
+.flatpickr-calendar.arrowTop:after,
+.flatpickr-calendar.arrowBottom:before,
+.flatpickr-calendar.arrowBottom:after {
+  display: none !important;
+}
+
+/* --- Header: Month/Year + Nav --- */
+.flatpickr-months {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important; /* Center alignment */
+  position: relative !important;
+  margin-bottom: 1rem !important;
+  height: 1.75rem !important; /* h-7 */
+  width: 100% !important;
+  background-color: transparent !important;
+  
+  /* The Wrapper: Absolute fill the container */
+  .flatpickr-month {
+    position: absolute !important;
+    inset: 0 !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    background: transparent !important;
+    color: var(--foreground) !important;
+    fill: var(--foreground) !important;
+    overflow: visible !important;
+    height: 100% !important;
+    width: 100% !important;
+    z-index: 0;
+  }
+
+  /* Navigation Arrows */
+  .flatpickr-prev-month,
+  .flatpickr-next-month {
+      position: absolute !important;
+      top: 0 !important;
+      z-index: 10 !important;
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      width: 1.75rem !important; /* size-7 */
+      height: 1.75rem !important;
+      padding: 0 !important;
+      border-radius: calc(var(--radius) - 2px) !important; /* rounded-md */
+      background-color: transparent !important;
+      border: 1px solid transparent !important;
+      transition: opacity 0.2s, background-color 0.2s;
+      opacity: 0.5;
+      color: var(--muted-foreground) !important;
+      
+      svg {
+          width: 1rem !important; /* size-4 */
+          height: 1rem !important;
+          stroke-width: 2 !important;
+          fill: none !important;
+          stroke: currentColor !important;
+      }
+      &:hover {
+          opacity: 1;
+          background-color: var(--accent) !important;
+          color: var(--accent-foreground) !important;
+          svg { stroke: currentColor !important; }
+      }
+  }
+  .flatpickr-prev-month { left: 0.25rem !important; }
+  .flatpickr-next-month { right: 0.25rem !important; }
+
+  /* Month/Year Text - The Content inside Flex Wrapper */
+  .flatpickr-current-month {
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      gap: 0.5rem !important;
+      font-size: 0.875rem !important; /* text-sm */
+      font-weight: 500 !important; /* font-medium */
+      position: absolute !important; /* Revert to absolute for perfect centering ignoring siblings */
+      width: 75% !important;
+      left: 12.5% !important;
+      padding: 0 1rem !important; /* Add padding to prevent edge touching */
+      height: 100% !important;
+      top: 0 !important;
+      transform: none !important;
+      padding: 0 !important;
+      color: inherit !important;
+      
+      .numInputWrapper {
+          width: auto !important;
+          border-radius: calc(var(--radius) - 2px) !important;
+          padding: 0.25rem 0.5rem !important;
+          transition: background-color 0.2s;
+          
+          &:hover {
+             background-color: var(--accent) !important;
+          }
+
+          span { display: none; }
+          input.cur-year {
+              font-weight: 500 !important;
+              font-size: 0.875rem !important;
+              height: auto !important;
+              padding: 0 !important;
+              margin: 0 !important;
+              background-color: transparent !important;
+              border: 0 !important;
+              cursor: pointer !important;
+              color: inherit !important;
+              box-shadow: none !important;
+              /* Fix width and alignment */
+              width: 4ch !important; 
+              text-align: center !important;
+              appearance: textfield !important; /* Hide spinners */
+              -moz-appearance: textfield !important;
+              
+              &::-webkit-inner-spin-button, 
+              &::-webkit-outer-spin-button { 
+                  -webkit-appearance: none; 
+                  margin: 0; 
+              }
+          }
+      }
+      
+      .flatpickr-monthDropdown-months {
+          font-weight: 500 !important;
+          background-color: transparent !important;
+          border: 0 !important;
+          padding: 0.25rem 0.5rem !important;
+          border-radius: calc(var(--radius) - 2px) !important;
+          font-size: 0.875rem !important;
+          appearance: none;
+          outline: none;
+          cursor: pointer;
+          transition: background-color 0.2s;
+          color: inherit !important;
+          -moz-appearance: none; 
+          text-indent: 0.01px; 
+          text-overflow: '';
+          width: auto !important;
+          text-align: right !important; /* Align text near the gap */
+          
+          &:hover { background-color: var(--accent) !important; }
+      }
+  }
+}
+
+/* Weekdays Header */
+.flatpickr-weekdays {
+  width: 100% !important;
+  .flatpickr-weekdaycontainer { 
+      display: flex !important;
+      width: 100% !important;
+      justify-content: space-between !important;
+  }
+  span.flatpickr-weekday {
+      flex: 1 !important;
+      font-size: 0.8rem !important;
+      font-weight: 400 !important;
+      cursor: default !important;
+      text-align: center !important;
+      color: var(--muted-foreground) !important;
+  }
+}
+
+/* Days Grid */
+.flatpickr-days {
+  width: 100% !important;
+  border: 0 !important;
+  
+  .dayContainer {
+      width: 100% !important;
+      min-width: 0 !important;
+      max-width: none !important;
+      justify-content: space-between !important;
+      row-gap: 0.25rem !important; /* gap-y-1 */
+      padding: 0 !important;
+      display: grid !important;
+      grid-template-columns: repeat(7, 1fr) !important;
+  }
+}
+
+/* Individual Day Cell */
+.flatpickr-day {
+  position: relative !important;
+  height: 2.25rem !important; /* h-9 */
+  width: 2.25rem !important; /* w-9 */
+  font-size: 0.875rem !important; /* text-sm */
+  font-weight: 400 !important;
+  text-align: center !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  border-radius: calc(var(--radius) - 2px) !important;
+  border: 1px solid transparent !important;
+  background-color: transparent !important;
+  box-shadow: none !important;
+  margin: 0 !important;
+  max-width: 100% !important;
+  color: var(--foreground) !important;
+  flex-basis: auto !important; /* Override layout */
+  
+  &:hover, &:focus { 
+      background-color: var(--accent) !important; 
+      color: var(--accent-foreground) !important; 
+  }
+
+  &.today { 
+      background-color: var(--accent) !important; 
+      color: var(--accent-foreground) !important; 
+      &:after { display: none !important; } 
+  }
+
+  &.selected, &.startRange, &.endRange {
+      background-color: var(--primary) !important;
+      color: var(--primary-foreground) !important;
+      border-color: transparent !important;
+  }
+  
+  &.inRange { 
+      background-color: var(--accent) !important; 
+      color: var(--accent-foreground) !important; 
+      border-radius: 0 !important;
+  }
+  &.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;
+  }
+  &.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-disabled, &.flatpickr-disabled:hover { 
+      opacity: 0.5 !important;
+      background-color: transparent !important;
+      cursor: not-allowed !important;
+      color: var(--muted-foreground) !important; 
+  }
+  &.prevMonthDay, &.nextMonthDay { 
+      opacity: 0.5 !important;
+      color: var(--muted-foreground) !important; 
+  }
+}
+
+/* Time Picker */
+.flatpickr-time {
+    border-top: 1px solid var(--border) !important;
+    margin-top: 0.75rem !important;
+    padding-top: 0.75rem !important;
+    width: 100% !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    gap: 0.25rem !important;
+    height: auto !important; /* Force auto height to fit inputs */
+    max-height: none !important;
+    overflow: visible !important; /* Ensure borders aren't clipped */
+    
+    .numInputWrapper {
+        flex: 1 1 0% !important;
+        width: auto !important;
+        height: 2.25rem !important; /* h-9 */
+        
+        &:hover { background-color: transparent !important; }
+        
+        span { display: none; }
+        input {
+            background-color: transparent !important;
+            border: 1px solid var(--input) !important;
+            border-radius: calc(var(--radius) - 2px) !important;
+            font-size: 0.875rem !important; /* text-sm */
+            height: 100% !important;
+            font-weight: 400 !important;
+            text-align: center !important;
+            color: var(--foreground) !important;
+            box-shadow: none !important;
+            
+            &:focus {
+                border-color: var(--ring) !important;
+                /* Ring simulation via box-shadow if needed, or simple border color */
+                outline: 2px solid color-mix(in srgb, var(--ring), transparent 50%);
+                outline-offset: 2px;
+            }
+        }
+    }
+    .flatpickr-time-separator { 
+        font-weight: 700 !important;
+        padding: 0 !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        color: var(--muted-foreground) !important; 
+    }
+    .flatpickr-am-pm {
+        background-color: transparent !important;
+        border: 1px solid var(--input) !important;
+        border-radius: calc(var(--radius) - 2px) !important;
+        height: 2.25rem !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        margin-left: 0.25rem !important;
+        cursor: pointer !important;
+        width: 3rem !important;
+        color: var(--foreground) !important;
+        
+        &:hover { background-color: var(--accent) !important; }
+        &:focus {
+             border-color: var(--ring) !important;
+             outline: 2px solid color-mix(in srgb, var(--ring), transparent 50%);
+             outline-offset: 2px;
+        }
+    }
+}

package/dist/css/datepicker.min.css

@@ -0,0 +1 @@
+@import "../../node_modules/flatpickr/dist/flatpickr.css";@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}

package/dist/css/resizable.css

@@ -0,0 +1,96 @@
+/* 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;
+    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;
+    
+    /* 1px Central Line */
+    &::before {
+        content: '';
+        position: absolute;
+        background-color: var(--border) !important;
+        z-index: 10;
+        pointer-events: none;
+        box-shadow: none !important;
+    }
+
+    &:hover {
+        /* background-color: color-mix(in srgb, var(--ring), transparent 50%); */
+        /* Only highlight the line or handle on hover if desired, or keep transparent */
+    }
+    
+    &.gutter-horizontal {
+        width: 0.25rem; /* w-1 */
+        cursor: col-resize;
+        
+        &::before {
+            width: 1px;
+            height: 100%;
+            top: 0;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        &:after {
+            content: '';
+            position: absolute;
+            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;
+        }
+    }
+    &.gutter-vertical {
+        height: 0.25rem; /* h-1 */
+        cursor: row-resize;
+        
+        &::before {
+            height: 1px;
+            width: 100%;
+            left: 0;
+            right: 0;
+            top: 50%;
+            transform: translateY(-50%);
+        }
+
+        &:after {
+            content: '';
+            position: absolute;
+            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;
+        }
+    }
+  }
+}

package/dist/css/resizable.min.css

@@ -0,0 +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}}

package/dist/js/accordion.js

@@ -0,0 +1,20 @@
+(() => {
+  const initAccordion = (accordion) => {
+    accordion.addEventListener("click", (event) => {
+      const summary = event.target.closest("summary");
+      if (!summary) return;
+      const details = summary.closest("details");
+      if (!details) return;
+      accordion.querySelectorAll("details").forEach((detailsEl) => {
+        if (detailsEl !== details) {
+          detailsEl.removeAttribute("open");
+        }
+      });
+    });
+    accordion.dataset.accordionInitialized = true;
+    accordion.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("accordion", ".accordion:not([data-accordion-initialized])", initAccordion);
+  }
+})();

package/dist/js/accordion.min.js

@@ -0,0 +1,13 @@
+(() => {
+  const n = (t) => {
+    t.addEventListener("click", (o) => {
+      const e = o.target.closest("summary");
+      if (!e) return;
+      const i = e.closest("details");
+      i && t.querySelectorAll("details").forEach((a) => {
+        a !== i && a.removeAttribute("open");
+      });
+    }), t.dataset.accordionInitialized = !0, t.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("accordion", ".accordion:not([data-accordion-initialized])", n);
+})();

package/dist/js/all.js

@@ -0,0 +1,17 @@
+import "./basecoat.js";
+import "./accordion.js";
+import "./carousel.js";
+import "./catppuccin-theme-switcher.js";
+import "./command.js";
+import "./dialog.js";
+import "./dropdown-menu.js";
+import "./input-otp.js";
+import "./lighting.js";
+import "./popover.js";
+import "./select.js";
+import "./sheet.js";
+import "./sidebar.js";
+import "./slider.js";
+import "./tabs.js";
+import "./toast.js";
+import "./toggle.js";

package/dist/js/all.min.js

@@ -0,0 +1,17 @@
+import "./basecoat.min.js";
+import "./accordion.min.js";
+import "./carousel.min.js";
+import "./catppuccin-theme-switcher.min.js";
+import "./command.min.js";
+import "./dialog.min.js";
+import "./dropdown-menu.min.js";
+import "./input-otp.min.js";
+import "./lighting.min.js";
+import "./popover.min.js";
+import "./select.min.js";
+import "./sheet.min.js";
+import "./sidebar.min.js";
+import "./slider.min.js";
+import "./tabs.min.js";
+import "./toast.min.js";
+import "./toggle.min.js";

package/dist/js/basecoat.js

@@ -0,0 +1,75 @@
+(() => {
+  const componentRegistry = {};
+  let observer = null;
+  const registerComponent = (name, selector, initFunction) => {
+    componentRegistry[name] = {
+      selector,
+      init: initFunction
+    };
+  };
+  const initAllComponents = () => {
+    Object.entries(componentRegistry).forEach(([name, { selector, init }]) => {
+      document.querySelectorAll(selector).forEach(init);
+    });
+  };
+  const initNewComponents = (node) => {
+    if (node.nodeType !== Node.ELEMENT_NODE) return;
+    Object.entries(componentRegistry).forEach(([name, { selector, init }]) => {
+      if (node.matches(selector)) {
+        init(node);
+      }
+      node.querySelectorAll(selector).forEach(init);
+    });
+  };
+  const startObserver = () => {
+    if (observer) return;
+    let timeout;
+    observer = new MutationObserver((mutations) => {
+      clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        mutations.forEach((mutation) => {
+          mutation.addedNodes.forEach(initNewComponents);
+        });
+      }, 50);
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+  };
+  const stopObserver = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = null;
+    }
+  };
+  const reinitComponent = (componentName) => {
+    const component = componentRegistry[componentName];
+    if (!component) {
+      console.warn(`Component '${componentName}' not found in registry`);
+      return;
+    }
+    const flag = `data-${componentName}-initialized`;
+    document.querySelectorAll(`[${flag}]`).forEach((el) => {
+      el.removeAttribute(flag);
+    });
+    document.querySelectorAll(component.selector).forEach(component.init);
+  };
+  const reinitAll = () => {
+    Object.entries(componentRegistry).forEach(([name, { selector }]) => {
+      const flag = `data-${name}-initialized`;
+      document.querySelectorAll(`[${flag}]`).forEach((el) => {
+        el.removeAttribute(flag);
+      });
+    });
+    initAllComponents();
+  };
+  window.basecoat = {
+    register: registerComponent,
+    init: reinitComponent,
+    initAll: reinitAll,
+    start: startObserver,
+    stop: stopObserver
+  };
+  document.addEventListener("DOMContentLoaded", () => {
+    initAllComponents();
+    startObserver();
+  });
+})();