@womp/kookie-ui 0.33.0 → 0.34.0

package/styles.css

@@ -10159,6 +10159,208 @@
   -webkit-transform-origin: var(--radix-context-menu-content-transform-origin);
           transform-origin: var(--radix-context-menu-content-transform-origin);
 }
+.kui-CommandOverlay {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  padding: max(var(--space-9), 12vh) var(--space-4) var(--space-4);
+}
+.kui-CommandContent {
+  position: relative;
+  z-index: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--space-3);
+  width: 100%;
+  max-width: var(--overlay-w);
+  max-height: 100%;
+  outline: none;
+}
+.kui-CommandContent:where(.kui-r-size-1) {
+  --overlay-w: var(--overlay-w-1);
+}
+.kui-CommandContent:where(.kui-r-size-2) {
+  --overlay-w: var(--overlay-w-2);
+}
+.kui-CommandContent:where(.kui-r-size-3) {
+  --overlay-w: var(--overlay-w-3);
+}
+.kui-CommandContent:where(.kui-r-size-4) {
+  --overlay-w: var(--overlay-w-4);
+}
+.kui-CommandRoot {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--space-3);
+  min-height: 0;
+}
+.kui-CommandSearch {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  background-color: var(--color-surface);
+  -webkit-box-shadow: var(--floating-chrome);
+          box-shadow: var(--floating-chrome);
+  cursor: text;
+}
+.kui-CommandSearch:where(.kui-r-size-1) {
+  gap: var(--space-2);
+  padding: var(--panel-p-1) var(--panel-p-2);
+  border-radius: var(--radius-panel-1);
+  font-size: var(--font-size-3);
+  line-height: var(--line-height-3);
+}
+.kui-CommandSearch:where(.kui-r-size-2) {
+  gap: var(--space-3);
+  padding: var(--panel-p-2) var(--panel-p-3);
+  border-radius: var(--radius-panel-2);
+  font-size: var(--font-size-4);
+  line-height: var(--line-height-4);
+}
+.kui-CommandSearch:where(.kui-r-size-3) {
+  gap: var(--space-3);
+  padding: var(--panel-p-3) var(--panel-p-4);
+  border-radius: var(--radius-panel-3);
+  font-size: var(--font-size-5);
+  line-height: var(--line-height-5);
+}
+.kui-CommandSearch:where(.kui-r-size-4) {
+  gap: var(--space-4);
+  padding: var(--panel-p-4) var(--panel-p-4);
+  border-radius: var(--radius-panel-4);
+  font-size: var(--font-size-6);
+  line-height: var(--line-height-6);
+}
+.kui-CommandSearchSlot {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  color: var(--neutral-a10);
+}
+.kui-CommandSearchSlot > :where(*) {
+  width: 1em;
+  height: 1em;
+}
+.kui-CommandInput {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  min-width: 0;
+  font: inherit;
+  color: var(--neutral-12);
+  background: none;
+  outline: none;
+}
+.kui-CommandInput::-webkit-input-placeholder {
+  color: var(--neutral-a10);
+}
+.kui-CommandInput::-moz-placeholder {
+  color: var(--neutral-a10);
+}
+.kui-CommandInput:-ms-input-placeholder {
+  color: var(--neutral-a10);
+}
+.kui-CommandInput::-ms-input-placeholder {
+  color: var(--neutral-a10);
+}
+.kui-CommandInput::placeholder {
+  color: var(--neutral-a10);
+}
+.kui-CommandPanel {
+  min-height: 0;
+  -ms-flex-negative: 1;
+      flex-shrink: 1;
+}
+.kui-CommandList {
+  max-height: min(60vh, calc(480px * var(--scale)));
+  overflow: auto;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: contain;
+  outline: 0;
+}
+.kui-CommandPanel:where(:not(:has(.kui-CommandItem, .kui-CommandEmpty))) {
+  display: none;
+}
+.kui-CommandSeat:where(:empty) {
+  display: none;
+}
+.kui-CommandItem:where([data-disabled='false']) {
+  color: inherit;
+  cursor: var(--cursor-menu-item);
+}
+.kui-CommandItem:where([data-selected='true']) {
+  background-color: var(--accent-4);
+}
+.kui-CommandItem:where([data-tone='destructive']) {
+  color: var(--red-11);
+}
+.kui-CommandItem:where([data-disabled='true']) {
+  color: var(--neutral-a8);
+  cursor: default;
+  pointer-events: none;
+}
+.kui-CommandItem:where(:-moz-any-link) {
+  text-decoration: none;
+}
+.kui-CommandItem:where(:any-link) {
+  text-decoration: none;
+}
+.kui-CommandItemLabel {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  min-width: 0;
+}
+.kui-CommandItemSlot {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.kui-CommandItemSlot:where([data-slot='leading']) {
+  color: var(--neutral-a11);
+}
+.kui-CommandItemSlot:where([data-slot='trailing']) {
+  color: var(--neutral-a10);
+}
+.kui-CommandEmpty {
+  padding: var(--space-5);
+  text-align: center;
+  color: var(--neutral-a11);
+}
+@media (forced-colors: active) {
+  .kui-CommandItem:where([data-selected='true']) {
+    outline: 2px solid Highlight;
+    outline-offset: -2px;
+  }
+  .kui-CommandSearch {
+    border: 1px solid CanvasText;
+  }
+}
 .kui-DialogContent {
   max-width: var(--overlay-w);
 }

package/dist/esm/chunk-RSG4XWHU.js

@@ -1,2 +0,0 @@
-"use client";
-//# sourceMappingURL=chunk-RSG4XWHU.js.map