@machinerd/js-module 0.7.0 → 0.8.1

package/dist/styles/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -92,28 +92,28 @@
     position: sticky;
   }
   .komc\:inset-0 {
-    inset: calc(var(--komc-spacing) * 0);
+    inset: 0px;
   }
   .komc\:top-0 {
-    top: calc(var(--komc-spacing) * 0);
+    top: 0px;
   }
   .komc\:top-full {
     top: 100%;
   }
   .komc\:right-0 {
-    right: calc(var(--komc-spacing) * 0);
+    right: 0px;
   }
   .komc\:right-5 {
     right: calc(var(--komc-spacing) * 5);
   }
   .komc\:bottom-0 {
-    bottom: calc(var(--komc-spacing) * 0);
+    bottom: 0px;
   }
   .komc\:bottom-full {
     bottom: 100%;
   }
   .komc\:left-0 {
-    left: calc(var(--komc-spacing) * 0);
+    left: 0px;
   }
   .komc\:left-1\/2 {
     left: calc(1 / 2 * 100%);
@@ -242,7 +242,7 @@
     max-height: 100%;
   }
   .komc\:min-h-0 {
-    min-height: calc(var(--komc-spacing) * 0);
+    min-height: 0px;
   }
   .komc\:min-h-15 {
     min-height: calc(var(--komc-spacing) * 15);
@@ -317,7 +317,7 @@
     max-width: var(--komc-container-xl);
   }
   .komc\:min-w-0 {
-    min-width: calc(var(--komc-spacing) * 0);
+    min-width: 0px;
   }
   .komc\:min-w-\[320px\] {
     min-width: 320px;
@@ -408,10 +408,10 @@
     justify-items: center;
   }
   .komc\:gap-0 {
-    gap: calc(var(--komc-spacing) * 0);
+    gap: 0px;
   }
   .komc\:gap-1 {
-    gap: calc(var(--komc-spacing) * 1);
+    gap: var(--komc-spacing);
   }
   .komc\:gap-2 {
     gap: calc(var(--komc-spacing) * 2);
@@ -428,12 +428,10 @@
   .komc\:gap-6 {
     gap: calc(var(--komc-spacing) * 6);
   }
-  .komc\:space-y-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--komc-spacing) * 3) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--komc-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
-    }
+  :where(.komc\:space-y-3 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--komc-spacing) * 3) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--komc-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
   }
   .komc\:gap-x-2 {
     column-gap: calc(var(--komc-spacing) * 2);
@@ -596,10 +594,10 @@
     background-color: var(--komc-color-white);
   }
   .komc\:p-0 {
-    padding: calc(var(--komc-spacing) * 0);
+    padding: 0px;
   }
   .komc\:p-1 {
-    padding: calc(var(--komc-spacing) * 1);
+    padding: var(--komc-spacing);
   }
   .komc\:p-2 {
     padding: calc(var(--komc-spacing) * 2);
@@ -617,13 +615,13 @@
     padding: calc(var(--komc-spacing) * 10);
   }
   .komc\:px-0 {
-    padding-inline: calc(var(--komc-spacing) * 0);
+    padding-inline: 0px;
   }
   .komc\:px-0\.5 {
     padding-inline: calc(var(--komc-spacing) * 0.5);
   }
   .komc\:px-1 {
-    padding-inline: calc(var(--komc-spacing) * 1);
+    padding-inline: var(--komc-spacing);
   }
   .komc\:px-1\.5 {
     padding-inline: calc(var(--komc-spacing) * 1.5);
@@ -644,7 +642,7 @@
     padding-inline: calc(var(--komc-spacing) * 6);
   }
   .komc\:py-1 {
-    padding-block: calc(var(--komc-spacing) * 1);
+    padding-block: var(--komc-spacing);
   }
   .komc\:py-2 {
     padding-block: calc(var(--komc-spacing) * 2);
@@ -837,398 +835,228 @@
     --tw-outline-style: none;
     outline-style: none;
   }
-  .komc\:after\:pointer-events-none {
-    &::after {
-      content: var(--tw-content);
-      pointer-events: none;
-    }
-  }
-  .komc\:after\:invisible {
-    &::after {
-      content: var(--tw-content);
-      visibility: hidden;
-    }
-  }
-  .komc\:after\:h-0 {
-    &::after {
-      content: var(--tw-content);
-      height: calc(var(--komc-spacing) * 0);
-    }
-  }
-  .komc\:after\:overflow-hidden {
-    &::after {
-      content: var(--tw-content);
-      overflow: hidden;
-    }
-  }
-  .komc\:after\:font-bold {
-    &::after {
-      content: var(--tw-content);
-      --tw-font-weight: var(--komc-font-weight-bold);
-      font-weight: var(--komc-font-weight-bold);
-    }
-  }
-  .komc\:after\:content-\[attr\(data-text\)\] {
-    &::after {
-      --tw-content: attr(data-text);
-      content: var(--tw-content);
-    }
-  }
-  .komc\:after\:select-none {
-    &::after {
-      content: var(--tw-content);
-      -webkit-user-select: none;
-      user-select: none;
-    }
-  }
-  .komc\:hover\:border-transparent {
-    &:hover {
-      @media (hover: hover) {
-        border-color: transparent;
-      }
-    }
-  }
-  .komc\:hover\:bg-\[rgb\(76\,76\,77\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: rgb(76,76,77);
-      }
-    }
-  }
-  .komc\:hover\:bg-\[rgb\(199\,199\,199\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: rgb(199,199,199);
-      }
-    }
-  }
-  .komc\:hover\:bg-blue-500 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-blue-500);
-      }
-    }
-  }
-  .komc\:hover\:bg-gray-200 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-gray-200);
-      }
-    }
-  }
-  .komc\:hover\:bg-indigo-700 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-indigo-700);
-      }
-    }
+  .komc\:after\:pointer-events-none::after {
+    content: var(--tw-content);
+    pointer-events: none;
   }
-  .komc\:hover\:bg-night-700 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-night-700);
-      }
-    }
-  }
-  .komc\:hover\:bg-night-800 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-night-800);
-      }
-    }
-  }
-  .komc\:hover\:bg-sky-450 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-sky-450);
-      }
-    }
-  }
-  .komc\:hover\:bg-sky-650 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-sky-650);
-      }
-    }
-  }
-  .komc\:hover\:bg-sky-750 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-sky-750);
-      }
-    }
+  .komc\:after\:invisible::after {
+    content: var(--tw-content);
+    visibility: hidden;
   }
-  .komc\:hover\:bg-sky-950 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--komc-color-sky-950);
-      }
-    }
+  .komc\:after\:h-0::after {
+    content: var(--tw-content);
+    height: 0px;
   }
-  .komc\:hover\:bg-transparent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-  }
-  .komc\:hover\:text-\[\#1890FF\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #1890FF;
-      }
-    }
-  }
-  .komc\:hover\:text-black {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--komc-color-black);
-      }
-    }
+  .komc\:after\:overflow-hidden::after {
+    content: var(--tw-content);
+    overflow: hidden;
   }
-  .komc\:hover\:text-gray-800 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--komc-color-gray-800);
-      }
-    }
+  .komc\:after\:font-bold::after {
+    content: var(--tw-content);
+    --tw-font-weight: var(--komc-font-weight-bold);
+    font-weight: var(--komc-font-weight-bold);
   }
-  .komc\:hover\:text-white {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--komc-color-white);
-      }
-    }
+  .komc\:after\:content-\[attr\(data-text\)\]::after {
+    --tw-content: attr(data-text);
+    content: var(--tw-content);
   }
-  .komc\:hover\:underline {
-    &:hover {
-      @media (hover: hover) {
-        text-decoration-line: underline;
-      }
-    }
+  .komc\:after\:select-none::after {
+    content: var(--tw-content);
+    -webkit-user-select: none;
+    user-select: none;
   }
-  .komc\:active\:border-transparent {
-    &:active {
+  @media (hover: hover) {
+    .komc\:hover\:border-transparent:hover {
       border-color: transparent;
     }
-  }
-  .komc\:active\:bg-\[rgb\(76\,76\,77\)\] {
-    &:active {
+    .komc\:hover\:bg-\[rgb\(76\,76\,77\)\]:hover {
       background-color: rgb(76,76,77);
     }
-  }
-  .komc\:active\:bg-\[rgb\(199\,199\,199\)\] {
-    &:active {
+    .komc\:hover\:bg-\[rgb\(199\,199\,199\)\]:hover {
       background-color: rgb(199,199,199);
     }
-  }
-  .komc\:active\:bg-blue-500 {
-    &:active {
+    .komc\:hover\:bg-blue-500:hover {
       background-color: var(--komc-color-blue-500);
     }
-  }
-  .komc\:active\:bg-gray-200 {
-    &:active {
+    .komc\:hover\:bg-gray-200:hover {
       background-color: var(--komc-color-gray-200);
     }
-  }
-  .komc\:active\:bg-indigo-700 {
-    &:active {
+    .komc\:hover\:bg-indigo-700:hover {
       background-color: var(--komc-color-indigo-700);
     }
-  }
-  .komc\:active\:bg-night-700 {
-    &:active {
+    .komc\:hover\:bg-night-700:hover {
       background-color: var(--komc-color-night-700);
     }
-  }
-  .komc\:active\:bg-night-800 {
-    &:active {
+    .komc\:hover\:bg-night-800:hover {
       background-color: var(--komc-color-night-800);
     }
-  }
-  .komc\:active\:bg-sky-450 {
-    &:active {
+    .komc\:hover\:bg-sky-450:hover {
       background-color: var(--komc-color-sky-450);
     }
-  }
-  .komc\:active\:bg-sky-650 {
-    &:active {
+    .komc\:hover\:bg-sky-650:hover {
       background-color: var(--komc-color-sky-650);
     }
-  }
-  .komc\:active\:bg-sky-750 {
-    &:active {
+    .komc\:hover\:bg-sky-750:hover {
       background-color: var(--komc-color-sky-750);
     }
-  }
-  .komc\:active\:bg-sky-950 {
-    &:active {
+    .komc\:hover\:bg-sky-950:hover {
       background-color: var(--komc-color-sky-950);
     }
-  }
-  .komc\:active\:bg-transparent {
-    &:active {
+    .komc\:hover\:bg-transparent:hover {
       background-color: transparent;
     }
-  }
-  .komc\:active\:text-\[\#1890FF\] {
-    &:active {
+    .komc\:hover\:text-\[\#1890FF\]:hover {
       color: #1890FF;
     }
-  }
-  .komc\:active\:text-black {
-    &:active {
+    .komc\:hover\:text-black:hover {
       color: var(--komc-color-black);
     }
-  }
-  .komc\:active\:text-gray-800 {
-    &:active {
+    .komc\:hover\:text-gray-800:hover {
       color: var(--komc-color-gray-800);
     }
-  }
-  .komc\:active\:text-white {
-    &:active {
+    .komc\:hover\:text-white:hover {
       color: var(--komc-color-white);
     }
-  }
-  .komc\:active\:underline {
-    &:active {
+    .komc\:hover\:underline:hover {
       text-decoration-line: underline;
     }
   }
-  .komc\:disabled\:cursor-default {
-    &:disabled {
-      cursor: default;
-    }
+  .komc\:active\:border-transparent:active {
+    border-color: transparent;
   }
-  .komc\:disabled\:border-gray-500 {
-    &:disabled {
-      border-color: var(--komc-color-gray-500);
-    }
+  .komc\:active\:bg-\[rgb\(76\,76\,77\)\]:active {
+    background-color: rgb(76,76,77);
   }
-  .komc\:disabled\:border-transparent {
-    &:disabled {
-      border-color: transparent;
-    }
+  .komc\:active\:bg-\[rgb\(199\,199\,199\)\]:active {
+    background-color: rgb(199,199,199);
   }
-  .komc\:disabled\:border-white {
-    &:disabled {
-      border-color: var(--komc-color-white);
-    }
+  .komc\:active\:bg-blue-500:active {
+    background-color: var(--komc-color-blue-500);
   }
-  .komc\:disabled\:bg-gray-50 {
-    &:disabled {
-      background-color: var(--komc-color-gray-50);
-    }
+  .komc\:active\:bg-gray-200:active {
+    background-color: var(--komc-color-gray-200);
   }
-  .komc\:disabled\:bg-gray-700 {
-    &:disabled {
-      background-color: var(--komc-color-gray-700);
-    }
+  .komc\:active\:bg-indigo-700:active {
+    background-color: var(--komc-color-indigo-700);
   }
-  .komc\:disabled\:bg-transparent {
-    &:disabled {
-      background-color: transparent;
-    }
+  .komc\:active\:bg-night-700:active {
+    background-color: var(--komc-color-night-700);
   }
-  .komc\:disabled\:bg-white {
-    &:disabled {
-      background-color: var(--komc-color-white);
-    }
+  .komc\:active\:bg-night-800:active {
+    background-color: var(--komc-color-night-800);
   }
-  .komc\:disabled\:text-gray-500 {
-    &:disabled {
-      color: var(--komc-color-gray-500);
-    }
+  .komc\:active\:bg-sky-450:active {
+    background-color: var(--komc-color-sky-450);
   }
-  .komc\:disabled\:text-gray-800 {
-    &:disabled {
-      color: var(--komc-color-gray-800);
-    }
+  .komc\:active\:bg-sky-650:active {
+    background-color: var(--komc-color-sky-650);
   }
-  .komc\:data-\[state\=closed\]\:scale-95 {
-    &[data-state="closed"] {
-      --tw-scale-x: 95%;
-      --tw-scale-y: 95%;
-      --tw-scale-z: 95%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
+  .komc\:active\:bg-sky-750:active {
+    background-color: var(--komc-color-sky-750);
   }
-  .komc\:data-\[state\=closed\]\:opacity-0 {
-    &[data-state="closed"] {
-      opacity: 0%;
-    }
+  .komc\:active\:bg-sky-950:active {
+    background-color: var(--komc-color-sky-950);
   }
-  .komc\:data-\[state\=open\]\:translate-x-0 {
-    &[data-state="open"] {
-      --tw-translate-x: calc(var(--komc-spacing) * 0);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .komc\:active\:bg-transparent:active {
+    background-color: transparent;
   }
-  .komc\:data-\[state\=open\]\:translate-y-0 {
-    &[data-state="open"] {
-      --tw-translate-y: calc(var(--komc-spacing) * 0);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .komc\:active\:text-\[\#1890FF\]:active {
+    color: #1890FF;
   }
-  .komc\:data-\[state\=open\]\:scale-100 {
-    &[data-state="open"] {
-      --tw-scale-x: 100%;
-      --tw-scale-y: 100%;
-      --tw-scale-z: 100%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
+  .komc\:active\:text-black:active {
+    color: var(--komc-color-black);
   }
-  .komc\:data-\[state\=open\]\:opacity-100 {
-    &[data-state="open"] {
-      opacity: 100%;
-    }
+  .komc\:active\:text-gray-800:active {
+    color: var(--komc-color-gray-800);
   }
-  .komc\:\[\&_svg\]\:transition-colors {
-    & svg {
-      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-      transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
-      transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
-    }
+  .komc\:active\:text-white:active {
+    color: var(--komc-color-white);
   }
-  .komc\:\[\&_svg\]\:duration-200 {
-    & svg {
-      --tw-duration: 200ms;
-      transition-duration: 200ms;
-    }
+  .komc\:active\:underline:active {
+    text-decoration-line: underline;
   }
-  .komc\:\[\&\>input\]\:h-full {
-    &>input {
-      height: 100%;
-    }
+  .komc\:disabled\:cursor-default:disabled {
+    cursor: default;
   }
-  .komc\:\[\&\>input\]\:w-full {
-    &>input {
-      width: 100%;
-    }
+  .komc\:disabled\:border-gray-500:disabled {
+    border-color: var(--komc-color-gray-500);
   }
-  .komc\:\[\&\>input\]\:outline-none {
-    &>input {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .komc\:disabled\:border-transparent:disabled {
+    border-color: transparent;
   }
-  .komc\:\[\&\>input\]\:focus\:ring-0 {
-    &>input {
-      &:focus {
-        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-      }
-    }
+  .komc\:disabled\:border-white:disabled {
+    border-color: var(--komc-color-white);
   }
-  .komc\:\[\&\>input\]\:focus\:ring-offset-0 {
-    &>input {
-      &:focus {
-        --tw-ring-offset-width: 0px;
-        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-      }
-    }
+  .komc\:disabled\:bg-gray-50:disabled {
+    background-color: var(--komc-color-gray-50);
+  }
+  .komc\:disabled\:bg-gray-700:disabled {
+    background-color: var(--komc-color-gray-700);
+  }
+  .komc\:disabled\:bg-transparent:disabled {
+    background-color: transparent;
+  }
+  .komc\:disabled\:bg-white:disabled {
+    background-color: var(--komc-color-white);
+  }
+  .komc\:disabled\:text-gray-500:disabled {
+    color: var(--komc-color-gray-500);
+  }
+  .komc\:disabled\:text-gray-800:disabled {
+    color: var(--komc-color-gray-800);
+  }
+  .komc\:data-\[state\=closed\]\:scale-95[data-state="closed"] {
+    --tw-scale-x: 95%;
+    --tw-scale-y: 95%;
+    --tw-scale-z: 95%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .komc\:data-\[state\=closed\]\:opacity-0[data-state="closed"] {
+    opacity: 0%;
+  }
+  .komc\:data-\[state\=open\]\:translate-x-0[data-state="open"] {
+    --tw-translate-x: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .komc\:data-\[state\=open\]\:translate-y-0[data-state="open"] {
+    --tw-translate-y: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .komc\:data-\[state\=open\]\:scale-100[data-state="open"] {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .komc\:data-\[state\=open\]\:opacity-100[data-state="open"] {
+    opacity: 100%;
+  }
+  .komc\:\[\&_svg\]\:transition-colors svg {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
+  }
+  .komc\:\[\&_svg\]\:duration-200 svg {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .komc\:\[\&\>input\]\:h-full > input {
+    height: 100%;
+  }
+  .komc\:\[\&\>input\]\:w-full > input {
+    width: 100%;
+  }
+  .komc\:\[\&\>input\]\:outline-none > input {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .komc\:\[\&\>input\]\:focus\:ring-0 > input:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .komc\:\[\&\>input\]\:focus\:ring-offset-0 > input:focus {
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
 }
 @layer base {

package/dist/ui/carousel/index.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../common-CQWUs1nE.cjs`);let n=require(`clsx`);n=e.t(n);let r=require(`react`);r=e.t(r);let i=require(`react/jsx-runtime`),a=require(`embla-carousel-react`);a=e.t(a);const o=r.default.createContext(null);function s(){let e=r.default.useContext(o);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function c({orientation:e=`horizontal`,options:n,setApi:s,plugins:c,className:l,children:u,...d}){let[f,p]=(0,a.default)({...n,axis:e===`horizontal`?`x`:`y`},c),[m,h]=(0,r.useState)(!1),[g,_]=(0,r.useState)(!1),[v,y]=(0,r.useState)(0),[b,x]=(0,r.useState)(0),S=(0,r.useCallback)(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()),x(e.selectedScrollSnap()))},[]),C=(0,r.useCallback)(()=>{p?.scrollPrev()},[p]),w=(0,r.useCallback)(()=>{p?.scrollNext()},[p]),T=(0,r.useCallback)(e=>{p?.scrollTo(e)},[p]),E=(0,r.useCallback)(()=>{y(p?.scrollSnapList().length||0)},[p]),D=(0,r.useCallback)(t=>{e===`horizontal`?t.key===`ArrowLeft`?(t.preventDefault(),C()):t.key===`ArrowRight`&&(t.preventDefault(),w()):t.key===`ArrowUp`?(t.preventDefault(),C()):t.key===`ArrowDown`&&(t.preventDefault(),w())},[C,w,e]);return(0,r.useEffect)(()=>{!p||!s||s(p)},[p,s]),(0,r.useEffect)(()=>{if(p)return S(p),E(),p.on(`reInit`,E),p.on(`reInit`,S),p.on(`select`,S),()=>{p?.off(`select`,S)}},[p,S]),(0,i.jsx)(o.Provider,{value:{carouselRef:f,api:p,options:n,orientation:e||(n?.axis===`y`?`vertical`:`horizontal`),scrollPrev:C,scrollNext:w,canScrollPrev:m,canScrollNext:g,scrollTo:T,dots:v,selectedScrollSnap:b},children:(0,i.jsx)(`div`,{"data-komc":!0,role:`region`,"aria-label":`carousel`,"aria-roledescription":`carousel`,tabIndex:0,onKeyDownCapture:D,className:t.n(`komc:relative`,l),...d,children:u})})}function l({children:e,className:n,...r}){let{carouselRef:a}=s();return(0,i.jsx)(`div`,{ref:a,"data-komc":!0,className:t.n(`komc:h-full komc:overflow-hidden`,n),...r,children:e})}function u({className:e,...n}){let{orientation:r}=s();return(0,i.jsx)(`div`,{className:t.n(`komc:flex komc:h-full`,r===`horizontal`?`komc:-ml-4`:`komc:-mt-4 komc:flex-col`,e),...n})}function d({className:e,...n}){let{orientation:r}=s();return(0,i.jsx)(`div`,{"data-komc":!0,className:t.n(`komc:min-w-0 komc:shrink-0 komc:grow-0 komc:basis-full`,r===`horizontal`?`komc:pl-4`:`komc:pt-4`,e),...n})}function f({children:e,className:t,...r}){let{scrollPrev:a,canScrollPrev:o}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,disabled:!o,"aria-label":`previous slide`,className:(0,n.default)(`komc:w-full`,t),onClick:a,...r,children:e})}function p({children:e,className:t,...r}){let{scrollNext:a,canScrollNext:o}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,disabled:!o,"aria-label":`next slide`,className:(0,n.default)(`komc:w-full`,t),onClick:a,...r,children:e})}function m({children:e,...t}){let{dots:n,selectedScrollSnap:r,scrollTo:a}=s();return(0,i.jsx)(i.Fragment,{children:Array.from({length:n}).map((n,o)=>(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,"data-selected":r===o,"aria-label":`go to slide ${o+1}`,onClick:()=>a(o),...t,children:e?.(o)},o))})}function h({index:e,children:t,...n}){let{selectedScrollSnap:r,scrollTo:a}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,"data-selected":r===e,"aria-label":`go to slide ${e+1}`,onClick:()=>a(e),...n,children:t})}exports.Carousel=c,exports.CarouselDot=h,exports.CarouselDots=m,exports.CarouselItem=d,exports.CarouselNext=p,exports.CarouselPrevious=f,exports.CarouselViewport=l,exports.CarouselWrapper=u,exports.useCarousel=s;
+"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../common-Bn0Ko6B7.cjs`);let n=require(`clsx`);n=e.t(n);let r=require(`react`);r=e.t(r);let i=require(`react/jsx-runtime`),a=require(`embla-carousel-react`);a=e.t(a);const o=r.default.createContext(null);function s(){let e=r.default.useContext(o);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function c({orientation:e=`horizontal`,options:n,setApi:s,plugins:c,className:l,children:u,...d}){let[f,p]=(0,a.default)({...n,axis:e===`horizontal`?`x`:`y`},c),[m,h]=(0,r.useState)(!1),[g,_]=(0,r.useState)(!1),[v,y]=(0,r.useState)(0),[b,x]=(0,r.useState)(0),S=(0,r.useCallback)(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()),x(e.selectedScrollSnap()))},[]),C=(0,r.useCallback)(()=>{p?.scrollPrev()},[p]),w=(0,r.useCallback)(()=>{p?.scrollNext()},[p]),T=(0,r.useCallback)(e=>{p?.scrollTo(e)},[p]),E=(0,r.useCallback)(()=>{y(p?.scrollSnapList().length||0)},[p]),D=(0,r.useCallback)(t=>{e===`horizontal`?t.key===`ArrowLeft`?(t.preventDefault(),C()):t.key===`ArrowRight`&&(t.preventDefault(),w()):t.key===`ArrowUp`?(t.preventDefault(),C()):t.key===`ArrowDown`&&(t.preventDefault(),w())},[C,w,e]);return(0,r.useEffect)(()=>{!p||!s||s(p)},[p,s]),(0,r.useEffect)(()=>{if(p)return S(p),E(),p.on(`reInit`,E),p.on(`reInit`,S),p.on(`select`,S),()=>{p?.off(`select`,S)}},[p,E,S]),(0,i.jsx)(o.Provider,{value:{carouselRef:f,api:p,options:n,orientation:e||(n?.axis===`y`?`vertical`:`horizontal`),scrollPrev:C,scrollNext:w,canScrollPrev:m,canScrollNext:g,scrollTo:T,dots:v,selectedScrollSnap:b},children:(0,i.jsx)(`div`,{"data-komc":!0,role:`region`,"aria-label":`carousel`,"aria-roledescription":`carousel`,tabIndex:0,onKeyDownCapture:D,className:t.n(`komc:relative`,l),...d,children:u})})}function l({children:e,className:n,...r}){let{carouselRef:a}=s();return(0,i.jsx)(`div`,{ref:a,"data-komc":!0,className:t.n(`komc:h-full komc:overflow-hidden`,n),...r,children:e})}function u({className:e,...n}){let{orientation:r}=s();return(0,i.jsx)(`div`,{className:t.n(`komc:flex komc:h-full`,r===`horizontal`?`komc:-ml-4`:`komc:-mt-4 komc:flex-col`,e),...n})}function d({className:e,...n}){let{orientation:r}=s();return(0,i.jsx)(`div`,{"data-komc":!0,className:t.n(`komc:min-w-0 komc:shrink-0 komc:grow-0 komc:basis-full`,r===`horizontal`?`komc:pl-4`:`komc:pt-4`,e),...n})}function f({children:e,className:t,...r}){let{scrollPrev:a,canScrollPrev:o}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,disabled:!o,"aria-label":`previous slide`,className:(0,n.default)(`komc:w-full`,t),onClick:a,...r,children:e})}function p({children:e,className:t,...r}){let{scrollNext:a,canScrollNext:o}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,disabled:!o,"aria-label":`next slide`,className:(0,n.default)(`komc:w-full`,t),onClick:a,...r,children:e})}function m({children:e,...t}){let{dots:n,selectedScrollSnap:r,scrollTo:a}=s();return(0,i.jsx)(i.Fragment,{children:Array.from({length:n}).map((n,o)=>(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,"data-selected":r===o,"aria-label":`go to slide ${o+1}`,onClick:()=>a(o),...t,children:e?.(o)},o))})}function h({index:e,children:t,...n}){let{selectedScrollSnap:r,scrollTo:a}=s();return(0,i.jsx)(`button`,{type:`button`,"data-komc":!0,"data-selected":r===e,"aria-label":`go to slide ${e+1}`,onClick:()=>a(e),...n,children:t})}exports.Carousel=c,exports.CarouselDot=h,exports.CarouselDots=m,exports.CarouselItem=d,exports.CarouselNext=p,exports.CarouselPrevious=f,exports.CarouselViewport=l,exports.CarouselWrapper=u,exports.useCarousel=s;