@machinerd/js-module 0.8.1 → 0.9.0

package/dist/styles/index.css

@@ -5,18 +5,22 @@
   :root, :host {
     --komc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
+    --komc-color-red-600: oklch(57.7% 0.245 27.325);
     --komc-color-sky-950: #006699;
     --komc-color-blue-50: oklch(97% 0.014 254.604);
     --komc-color-blue-500: oklch(62.3% 0.214 259.815);
+    --komc-color-blue-600: oklch(54.6% 0.245 262.881);
     --komc-color-indigo-600: oklch(51.1% 0.262 276.966);
     --komc-color-indigo-700: oklch(45.7% 0.24 277.023);
     --komc-color-gray-50: #fafafa;
     --komc-color-gray-100: oklch(96.7% 0.003 264.542);
     --komc-color-gray-200: #f5f5f5;
+    --komc-color-gray-300: oklch(87.2% 0.01 258.338);
     --komc-color-gray-500: #e5e5e5;
     --komc-color-gray-600: oklch(44.6% 0.03 256.802);
     --komc-color-gray-700: #cccccc;
     --komc-color-gray-800: #808080;
+    --komc-color-gray-900: oklch(21% 0.034 264.665);
     --komc-color-neutral-50: oklch(98.5% 0 0);
     --komc-color-neutral-100: oklch(97% 0 0);
     --komc-color-neutral-200: oklch(92.2% 0 0);
@@ -33,6 +37,8 @@
     --komc-container-lg: 32rem;
     --komc-container-xl: 36rem;
     --komc-container-2xl: 42rem;
+    --komc-container-4xl: 56rem;
+    --komc-container-6xl: 72rem;
     --komc-text-xs: 0.75rem;
     --komc-text-xs--line-height: calc(1 / 0.75);
     --komc-text-sm: 0.875rem;
@@ -73,6 +79,20 @@
   }
 }
 @layer utilities {
+  .komc\:\@container\/dialog-content {
+    container-type: inline-size;
+    container-name: dialog-content;
+  }
+  .komc\:\@container\/komc-editor {
+    container-type: inline-size;
+    container-name: komc-editor;
+  }
+  .komc\:pointer-events-auto {
+    pointer-events: auto;
+  }
+  .komc\:pointer-events-none {
+    pointer-events: none;
+  }
   .komc\:invisible {
     visibility: hidden;
   }
@@ -91,30 +111,54 @@
   .komc\:sticky {
     position: sticky;
   }
+  .komc\:-inset-1\.5 {
+    inset: calc(var(--komc-spacing) * -1.5);
+  }
   .komc\:inset-0 {
     inset: 0px;
   }
+  .komc\:-top-1 {
+    top: calc(var(--komc-spacing) * -1);
+  }
   .komc\:top-0 {
     top: 0px;
   }
+  .komc\:top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
   .komc\:top-full {
     top: 100%;
   }
+  .komc\:-right-1 {
+    right: calc(var(--komc-spacing) * -1);
+  }
   .komc\:right-0 {
     right: 0px;
   }
+  .komc\:right-1 {
+    right: var(--komc-spacing);
+  }
   .komc\:right-5 {
     right: calc(var(--komc-spacing) * 5);
   }
+  .komc\:-bottom-1 {
+    bottom: calc(var(--komc-spacing) * -1);
+  }
   .komc\:bottom-0 {
     bottom: 0px;
   }
   .komc\:bottom-full {
     bottom: 100%;
   }
+  .komc\:-left-1 {
+    left: calc(var(--komc-spacing) * -1);
+  }
   .komc\:left-0 {
     left: 0px;
   }
+  .komc\:left-1 {
+    left: var(--komc-spacing);
+  }
   .komc\:left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
@@ -124,12 +168,24 @@
   .komc\:z-0 {
     z-index: 0;
   }
+  .komc\:z-2 {
+    z-index: 2;
+  }
   .komc\:z-10 {
     z-index: 10;
   }
+  .komc\:z-20 {
+    z-index: 20;
+  }
+  .komc\:z-50 {
+    z-index: 50;
+  }
   .komc\:z-99 {
     z-index: 99;
   }
+  .komc\:mx-4 {
+    margin-inline: calc(var(--komc-spacing) * 4);
+  }
   .komc\:mx-auto {
     margin-inline: auto;
   }
@@ -139,6 +195,9 @@
   .komc\:-mt-4 {
     margin-top: calc(var(--komc-spacing) * -4);
   }
+  .komc\:mt-0\.5 {
+    margin-top: calc(var(--komc-spacing) * 0.5);
+  }
   .komc\:mt-3 {
     margin-top: calc(var(--komc-spacing) * 3);
   }
@@ -154,6 +213,9 @@
   .komc\:-ml-4 {
     margin-left: calc(var(--komc-spacing) * -4);
   }
+  .komc\:ml-1 {
+    margin-left: var(--komc-spacing);
+  }
   .komc\:block {
     display: block;
   }
@@ -166,18 +228,34 @@
   .komc\:hidden {
     display: none;
   }
+  .komc\:inline {
+    display: inline;
+  }
   .komc\:inline-flex {
     display: inline-flex;
   }
   .komc\:aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .komc\:size-5 {
+    width: calc(var(--komc-spacing) * 5);
+    height: calc(var(--komc-spacing) * 5);
+  }
+  .komc\:h-\(--dialog-content-height\) {
+    height: var(--dialog-content-height);
+  }
   .komc\:h-2 {
     height: calc(var(--komc-spacing) * 2);
   }
   .komc\:h-4 {
     height: calc(var(--komc-spacing) * 4);
   }
+  .komc\:h-5 {
+    height: calc(var(--komc-spacing) * 5);
+  }
+  .komc\:h-6 {
+    height: calc(var(--komc-spacing) * 6);
+  }
   .komc\:h-7\.5 {
     height: calc(var(--komc-spacing) * 7.5);
   }
@@ -250,6 +328,9 @@
   .komc\:min-h-16 {
     min-height: calc(var(--komc-spacing) * 16);
   }
+  .komc\:min-h-25 {
+    min-height: calc(var(--komc-spacing) * 25);
+  }
   .komc\:min-h-32 {
     min-height: calc(var(--komc-spacing) * 32);
   }
@@ -271,6 +352,18 @@
   .komc\:w-2 {
     width: calc(var(--komc-spacing) * 2);
   }
+  .komc\:w-5 {
+    width: calc(var(--komc-spacing) * 5);
+  }
+  .komc\:w-6 {
+    width: calc(var(--komc-spacing) * 6);
+  }
+  .komc\:w-10 {
+    width: calc(var(--komc-spacing) * 10);
+  }
+  .komc\:w-14 {
+    width: calc(var(--komc-spacing) * 14);
+  }
   .komc\:w-\[50dvw\] {
     width: 50dvw;
   }
@@ -292,6 +385,12 @@
   .komc\:max-w-2xl {
     max-width: var(--komc-container-2xl);
   }
+  .komc\:max-w-4xl {
+    max-width: var(--komc-container-4xl);
+  }
+  .komc\:max-w-6xl {
+    max-width: var(--komc-container-6xl);
+  }
   .komc\:max-w-70 {
     max-width: calc(var(--komc-spacing) * 70);
   }
@@ -352,6 +451,10 @@
     --tw-translate-x: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .komc\:-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .komc\:-translate-y-2 {
     --tw-translate-y: calc(var(--komc-spacing) * -2);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -374,18 +477,48 @@
   .komc\:cursor-default {
     cursor: default;
   }
+  .komc\:cursor-ew-resize {
+    cursor: ew-resize;
+  }
+  .komc\:cursor-grab {
+    cursor: grab;
+  }
+  .komc\:cursor-ne-resize {
+    cursor: ne-resize;
+  }
+  .komc\:cursor-ns-resize {
+    cursor: ns-resize;
+  }
+  .komc\:cursor-nw-resize {
+    cursor: nw-resize;
+  }
   .komc\:cursor-pointer {
     cursor: pointer;
   }
+  .komc\:cursor-se-resize {
+    cursor: se-resize;
+  }
+  .komc\:cursor-sw-resize {
+    cursor: sw-resize;
+  }
+  .komc\:touch-none {
+    touch-action: none;
+  }
   .komc\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .komc\:flex-col {
     flex-direction: column;
   }
+  .komc\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
   .komc\:flex-row {
     flex-direction: row;
   }
+  .komc\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
   .komc\:flex-wrap {
     flex-wrap: wrap;
   }
@@ -433,9 +566,15 @@
     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-1 {
+    column-gap: var(--komc-spacing);
+  }
   .komc\:gap-x-2 {
     column-gap: calc(var(--komc-spacing) * 2);
   }
+  .komc\:gap-y-2\.5 {
+    row-gap: calc(var(--komc-spacing) * 2.5);
+  }
   .komc\:overflow-auto {
     overflow: auto;
   }
@@ -480,6 +619,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .komc\:border-\[0\.6px\] {
+    border-style: var(--tw-border-style);
+    border-width: 0.6px;
+  }
   .komc\:border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -503,6 +646,9 @@
   .komc\:border-blue-500 {
     border-color: var(--komc-color-blue-500);
   }
+  .komc\:border-gray-200 {
+    border-color: var(--komc-color-gray-200);
+  }
   .komc\:border-gray-600 {
     border-color: var(--komc-color-gray-600);
   }
@@ -593,6 +739,12 @@
   .komc\:bg-white {
     background-color: var(--komc-color-white);
   }
+  .komc\:bg-white\/60 {
+    background-color: var(--komc-color-white);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--komc-color-white) 60%, transparent);
+    }
+  }
   .komc\:p-0 {
     padding: 0px;
   }
@@ -719,6 +871,9 @@
   .komc\:break-all {
     word-break: break-all;
   }
+  .komc\:whitespace-pre {
+    white-space: pre;
+  }
   .komc\:text-\[\#1890FF\] {
     color: #1890FF;
   }
@@ -731,6 +886,9 @@
   .komc\:text-gray-800 {
     color: var(--komc-color-gray-800);
   }
+  .komc\:text-gray-900 {
+    color: var(--komc-color-gray-900);
+  }
   .komc\:text-neutral-500 {
     color: var(--komc-color-neutral-500);
   }
@@ -743,12 +901,18 @@
   .komc\:text-neutral-800 {
     color: var(--komc-color-neutral-800);
   }
+  .komc\:text-red-600 {
+    color: var(--komc-color-red-600);
+  }
   .komc\:text-white {
     color: var(--komc-color-white);
   }
   .komc\:opacity-0 {
     opacity: 0%;
   }
+  .komc\:opacity-50 {
+    opacity: 50%;
+  }
   .komc\:opacity-100 {
     opacity: 100%;
   }
@@ -764,6 +928,14 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .komc\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .komc\:shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .komc\:drop-shadow-2xl {
     --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
     --tw-drop-shadow: drop-shadow(var(--komc-drop-shadow-2xl));
@@ -799,6 +971,11 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .komc\:transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
+  }
   .komc\:transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
@@ -835,6 +1012,38 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  .komc\:select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  :is(.komc\:\*\:h-1\.5 > *) {
+    height: calc(var(--komc-spacing) * 1.5);
+  }
+  :is(.komc\:\*\:h-full > *) {
+    height: 100%;
+  }
+  :is(.komc\:\*\:w-1\.5 > *) {
+    width: calc(var(--komc-spacing) * 1.5);
+  }
+  :is(.komc\:\*\:w-full > *) {
+    width: 100%;
+  }
+  :is(.komc\:\*\*\:pointer-events-auto *) {
+    pointer-events: auto;
+  }
+  @media (hover: hover) {
+    .komc\:group-hover\:opacity-100:is(:where(.komc\:group):hover *) {
+      opacity: 100%;
+    }
+    .komc\:group-hover\/resize\:bg-blue-500\/50:is(:where(.komc\:group\/resize):hover *) {
+      background-color: var(--komc-color-blue-500);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .komc\:group-hover\/resize\:bg-blue-500\/50:is(:where(.komc\:group\/resize):hover *) {
+        background-color: color-mix(in oklab, var(--komc-color-blue-500) 50%, transparent);
+      }
+    }
+  }
   .komc\:after\:pointer-events-none::after {
     content: var(--tw-content);
     pointer-events: none;
@@ -843,6 +1052,18 @@
     content: var(--tw-content);
     visibility: hidden;
   }
+  .komc\:after\:absolute::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  .komc\:after\:-inset-1\.5::after {
+    content: var(--tw-content);
+    inset: calc(var(--komc-spacing) * -1.5);
+  }
+  .komc\:after\:z-1::after {
+    content: var(--tw-content);
+    z-index: 1;
+  }
   .komc\:after\:h-0::after {
     content: var(--tw-content);
     height: 0px;
@@ -851,11 +1072,47 @@
     content: var(--tw-content);
     overflow: hidden;
   }
+  .komc\:after\:rounded-\(--node-radius\)::after {
+    content: var(--tw-content);
+    border-radius: var(--node-radius);
+  }
+  .komc\:after\:bg-\[\#2383E2\]\/14::after {
+    content: var(--tw-content);
+    background-color: color-mix(in oklab, #2383E2 14%, transparent);
+  }
   .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\:opacity-0::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  .komc\:after\:opacity-100::after {
+    content: var(--tw-content);
+    opacity: 100%;
+  }
+  .komc\:after\:transition-opacity::after {
+    content: var(--tw-content);
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
+  }
+  .komc\:after\:duration-200::after {
+    content: var(--tw-content);
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .komc\:after\:ease-in-out::after {
+    content: var(--tw-content);
+    --tw-ease: var(--komc-ease-in-out);
+    transition-timing-function: var(--komc-ease-in-out);
+  }
+  .komc\:after\:content-\[\"\"\]::after {
+    --tw-content: "";
+    content: var(--tw-content);
+  }
   .komc\:after\:content-\[attr\(data-text\)\]::after {
     --tw-content: attr(data-text);
     content: var(--tw-content);
@@ -865,7 +1122,17 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .komc\:focus-within\:border-blue-500:focus-within {
+    border-color: var(--komc-color-blue-500);
+  }
+  .komc\:focus-within\:ring-4:focus-within {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
+  }
   @media (hover: hover) {
+    .komc\:hover\:z-1:hover {
+      z-index: 1;
+    }
     .komc\:hover\:border-transparent:hover {
       border-color: transparent;
     }
@@ -878,12 +1145,24 @@
     .komc\:hover\:bg-blue-500:hover {
       background-color: var(--komc-color-blue-500);
     }
+    .komc\:hover\:bg-blue-600:hover {
+      background-color: var(--komc-color-blue-600);
+    }
+    .komc\:hover\:bg-gray-100:hover {
+      background-color: var(--komc-color-gray-100);
+    }
     .komc\:hover\:bg-gray-200:hover {
       background-color: var(--komc-color-gray-200);
     }
     .komc\:hover\:bg-indigo-700:hover {
       background-color: var(--komc-color-indigo-700);
     }
+    .komc\:hover\:bg-neutral-50:hover {
+      background-color: var(--komc-color-neutral-50);
+    }
+    .komc\:hover\:bg-neutral-200:hover {
+      background-color: var(--komc-color-neutral-200);
+    }
     .komc\:hover\:bg-night-700:hover {
       background-color: var(--komc-color-night-700);
     }
@@ -921,6 +1200,9 @@
       text-decoration-line: underline;
     }
   }
+  .komc\:active\:cursor-grabbing:active {
+    cursor: grabbing;
+  }
   .komc\:active\:border-transparent:active {
     border-color: transparent;
   }
@@ -975,6 +1257,9 @@
   .komc\:active\:underline:active {
     text-decoration-line: underline;
   }
+  .komc\:disabled\:pointer-events-none:disabled {
+    pointer-events: none;
+  }
   .komc\:disabled\:cursor-default:disabled {
     cursor: default;
   }
@@ -1005,6 +1290,45 @@
   .komc\:disabled\:text-gray-800:disabled {
     color: var(--komc-color-gray-800);
   }
+  :is(.komc\:\*\:data-komc-node-clip\:opacity-100 > *)[data-komc-node-clip] {
+    opacity: 100%;
+  }
+  :is(.komc\:\*\:data-komc-node-clip\:outline-0 > *)[data-komc-node-clip] {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  :is(.komc\:\*\:data-komc-node-clip\:-outline-offset-1 > *)[data-komc-node-clip] {
+    outline-offset: calc(1px * -1);
+  }
+  :is(.komc\:\*\:data-komc-node-clip\:outline-gray-700 > *)[data-komc-node-clip] {
+    outline-color: var(--komc-color-gray-700);
+  }
+  :is(.komc\:\*\:data-komc-node-clip\:transition-opacity > *)[data-komc-node-clip] {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
+  }
+  :is(.komc\:\*\:data-komc-node-clip\:duration-200 > *)[data-komc-node-clip] {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  :is(.komc\:\*\:data-komc-node-clip\:ease-in-out > *)[data-komc-node-clip] {
+    --tw-ease: var(--komc-ease-in-out);
+    transition-timing-function: var(--komc-ease-in-out);
+  }
+  :is(.komc\:\*\:data-komc-node-clip\:outline-none > *)[data-komc-node-clip] {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  @media (hover: hover) {
+    :is(.komc\:hover\:\*\:data-komc-node-clip\:opacity-70:hover > *)[data-komc-node-clip] {
+      opacity: 70%;
+    }
+    :is(.komc\:hover\:\*\:data-komc-node-clip\:outline-3:hover > *)[data-komc-node-clip] {
+      outline-style: var(--tw-outline-style);
+      outline-width: 3px;
+    }
+  }
   .komc\:data-\[state\=closed\]\:scale-95[data-state="closed"] {
     --tw-scale-x: 95%;
     --tw-scale-y: 95%;
@@ -1031,6 +1355,29 @@
   .komc\:data-\[state\=open\]\:opacity-100[data-state="open"] {
     opacity: 100%;
   }
+  @media (width >= 40rem) {
+    .komc\:sm\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  @media (width >= 48rem) {
+    .komc\:md\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  @media (width >= 64rem) {
+    .komc\:lg\:grid-cols-5 {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
+  .komc\:\[\&_span\]\:translate-x-0\.5 span {
+    --tw-translate-x: calc(var(--komc-spacing) * 0.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .komc\:\[\&_span\]\:translate-x-4\.5 span {
+    --tw-translate-x: calc(var(--komc-spacing) * 4.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .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));
@@ -1040,6 +1387,21 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  .komc\:\[\&\>button\]\:absolute > button {
+    position: absolute;
+  }
+  .komc\:\[\&\>button\]\:top-10 > button {
+    top: calc(var(--komc-spacing) * 10);
+  }
+  .komc\:\[\&\>button\]\:right-6 > button {
+    right: calc(var(--komc-spacing) * 6);
+  }
+  .komc\:\[\&\>button\]\:bg-blue-500 > button {
+    background-color: var(--komc-color-blue-500);
+  }
+  .komc\:\[\&\>button\]\:bg-gray-300 > button {
+    background-color: var(--komc-color-gray-300);
+  }
   .komc\:\[\&\>input\]\:h-full > input {
     height: 100%;
   }
@@ -1067,6 +1429,9 @@
     background-color: transparent;
     box-sizing: border-box;
   }
+  [data-komc][data-komc-dialog] {
+    --dialog-content-height: 60vh;
+  }
   button[data-komc] {
     cursor: pointer;
     opacity: 1;
@@ -1274,6 +1639,11 @@
   initial-value: "";
   inherits: false;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @property --tw-scale-x {
   syntax: "*";
   inherits: false;
@@ -1343,6 +1713,7 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
+      --tw-outline-style: solid;
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;

package/dist/ui/carousel/index.cjs

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