@inkeep/agents-ui 0.15.11 → 0.15.13

package/dist/styled/components/ui/recipes/combobox.js

@@ -0,0 +1,57 @@
+"use client";
+import { cva as a } from "class-variance-authority";
+import { input as t } from "./input.js";
+const d = a("", {
+  variants: {
+    slot: {
+      control: [
+        t({ size: "md", variant: "outline" }),
+        "!h-auto min-h-9 py-1 px-3 flex flex-wrap items-center gap-1.5 rounded-md",
+        "data-[invalid]:border-[--error-border-color] data-[invalid]:shadow-[0_0_0_1px_var(--error-border-color)]"
+      ],
+      input: [
+        "min-w-0 flex-1 border-0 bg-transparent outline-none",
+        "placeholder:text-gray-500 dark:placeholder:text-gray-dark-500",
+        "data-[invalid]:placeholder-opacity-80"
+      ],
+      trigger: [
+        "flex items-center justify-center shrink-0 h-full",
+        "opacity-45 text-md",
+        "data-[disabled]:opacity-30 data-[disabled]:pointer-events-none"
+      ],
+      selectedTags: [
+        "flex flex-row flex-wrap items-center gap-1.5 min-h-0 min-w-0",
+        "flex-grow-0 flex-shrink",
+        "[&_[data-part=tag]]:inline-flex [&_[data-part=tag]]:gap-1 [&_[data-part=tag]]:flex-shrink-0 [&_[data-part=tag]]:items-center [&_[data-part=tag]]:rounded-md [&_[data-part=tag]]:whitespace-nowrap",
+        "[&_[data-part=tag]]:bg-gray-100 [&_[data-part=tag]]:dark:bg-gray-dark-800 [&_[data-part=tag]]:text-gray-800 [&_[data-part=tag]]:dark:text-gray-dark-50",
+        "[&_[data-part=tag]]:text-sm [&_[data-part=tag]]:py-0.5 [&_[data-part=tag]]:pl-2 [&_[data-part=tag]]:pr-1",
+        "[&_[data-part=tag-clear]]:flex [&_[data-part=tag-clear]]:items-center [&_[data-part=tag-clear]]:justify-center [&_[data-part=tag-clear]]:w-5 [&_[data-part=tag-clear]]:h-5 [&_[data-part=tag-clear]]:rounded-md [&_[data-part=tag-clear]]:shrink-0",
+        "[&_[data-part=tag-clear]:hover]:bg-gray-200 [&_[data-part=tag-clear]:hover]:dark:bg-gray-dark-600 [&_[data-part=tag-clear]]:text-current [&_[data-part=tag-clear]]:cursor-pointer [&_[data-part=tag-clear]]:outline-none"
+      ],
+      content: [
+        "relative p-1 z-dropdown min-w-[var(--reference-width,8rem)] max-h-[min(24rem,var(--available-height))]",
+        "overflow-auto rounded-md border",
+        "[scrollbar-width:thin] [--scrollbar-color:var(--color-gray-300)]",
+        "dark:[--scrollbar-color:var(--color-gray-dark-600)]",
+        "[scrollbar-color:var(--scrollbar-color)_transparent]",
+        "bg-white dark:bg-gray-dark-950 shadow-md",
+        "data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out"
+      ],
+      list: [""],
+      item: [
+        "hover:bg-gray-100 dark:hover:bg-gray-dark-800",
+        "data-[highlighted]:bg-gray-100 dark:data-[highlighted]:bg-gray-dark-800",
+        "relative flex w-full text-sm cursor-pointer py-1.5",
+        "select-none outline-none pl-2 pr-8 rounded-md items-center",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "data-[state=checked]:font-medium"
+      ],
+      itemText: ["flex-1 truncate"],
+      itemIndicator: ["absolute right-2 flex h-3.5 w-3.5", "items-center justify-center"],
+      emptyMessage: ["py-2 px-3 text-center text-sm opacity-70 "]
+    }
+  }
+});
+export {
+  d as combobox
+};

package/dist/styled/components/ui/recipes/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./ai-chat-page-wrapper.cjs"),o=require("./attachment.cjs"),r=require("./button.cjs"),c=require("./checkbox.cjs"),i=require("./citation.cjs"),n=require("./icon.cjs"),a=require("./input.cjs"),l=require("./link.cjs"),e=require("./markdown.cjs"),s=require("./modal.cjs"),u=require("./popover.cjs"),p=require("./scrollable.cjs"),g=require("./select.cjs"),b=require("./skeleton.cjs"),d=require("./widget-toggle.cjs");exports.aiChatPageWrapper=t.aiChatPageWrapper;exports.attachment=o.attachment;exports.button=r.button;exports.checkbox=c.checkbox;exports.citation=i.citation;exports.icon=n.icon;exports.input=a.input;exports.link=l.link;exports.code=e.code;exports.codeblock=e.codeblock;exports.heading=e.heading;exports.list=e.list;exports.sup=e.sup;exports.table=e.table;exports.modal=s.modal;exports.popover=u.popover;exports.scrollable=p.scrollable;exports.select=g.select;exports.skeleton=b.skeleton;exports.widgetToggle=d.widgetToggle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ai-chat-page-wrapper.cjs"),t=require("./attachment.cjs"),r=require("./button.cjs"),c=require("./checkbox.cjs"),i=require("./citation.cjs"),n=require("./combobox.cjs"),a=require("./icon.cjs"),l=require("./input.cjs"),s=require("./link.cjs"),e=require("./markdown.cjs"),u=require("./modal.cjs"),b=require("./popover.cjs"),p=require("./scrollable.cjs"),g=require("./select.cjs"),q=require("./skeleton.cjs"),d=require("./widget-toggle.cjs");exports.aiChatPageWrapper=o.aiChatPageWrapper;exports.attachment=t.attachment;exports.button=r.button;exports.checkbox=c.checkbox;exports.citation=i.citation;exports.combobox=n.combobox;exports.icon=a.icon;exports.input=l.input;exports.link=s.link;exports.code=e.code;exports.codeblock=e.codeblock;exports.heading=e.heading;exports.list=e.list;exports.sup=e.sup;exports.table=e.table;exports.modal=u.modal;exports.popover=b.popover;exports.scrollable=p.scrollable;exports.select=g.select;exports.skeleton=q.skeleton;exports.widgetToggle=d.widgetToggle;

package/dist/styled/components/ui/recipes/index.d.ts

@@ -3,6 +3,7 @@ export * from './attachment';
 export * from './button';
 export * from './checkbox';
 export * from './citation';
+export * from './combobox';
 export * from './icon';
 export * from './input';
 export * from './link';

package/dist/styled/components/ui/recipes/index.js

@@ -2,36 +2,38 @@ import { aiChatPageWrapper as e } from "./ai-chat-page-wrapper.js";
 import { attachment as p } from "./attachment.js";
 import { button as x } from "./button.js";
 import { checkbox as a } from "./checkbox.js";
-import { citation as c } from "./citation.js";
-import { icon as n } from "./icon.js";
-import { input as d } from "./input.js";
-import { link as s } from "./link.js";
-import { code as k, codeblock as u, heading as v, list as w, sup as C, table as P } from "./markdown.js";
-import { modal as W } from "./modal.js";
-import { popover as q } from "./popover.js";
-import { scrollable as z } from "./scrollable.js";
-import { select as B } from "./select.js";
-import { skeleton as E } from "./skeleton.js";
-import { widgetToggle as G } from "./widget-toggle.js";
+import { citation as l } from "./citation.js";
+import { combobox as n } from "./combobox.js";
+import { icon as d } from "./icon.js";
+import { input as s } from "./input.js";
+import { link as k } from "./link.js";
+import { code as v, codeblock as w, heading as C, list as P, sup as T, table as W } from "./markdown.js";
+import { modal as q } from "./modal.js";
+import { popover as z } from "./popover.js";
+import { scrollable as B } from "./scrollable.js";
+import { select as E } from "./select.js";
+import { skeleton as G } from "./skeleton.js";
+import { widgetToggle as I } from "./widget-toggle.js";
 export {
   e as aiChatPageWrapper,
   p as attachment,
   x as button,
   a as checkbox,
-  c as citation,
-  k as code,
-  u as codeblock,
-  v as heading,
-  n as icon,
-  d as input,
-  s as link,
-  w as list,
-  W as modal,
-  q as popover,
-  z as scrollable,
-  B as select,
-  E as skeleton,
-  C as sup,
-  P as table,
-  G as widgetToggle
+  l as citation,
+  v as code,
+  w as codeblock,
+  n as combobox,
+  C as heading,
+  d as icon,
+  s as input,
+  k as link,
+  P as list,
+  q as modal,
+  z as popover,
+  B as scrollable,
+  E as select,
+  G as skeleton,
+  T as sup,
+  W as table,
+  I as widgetToggle
 };

package/dist/styled/components/ui/recipes/modal.d.ts

@@ -1,4 +1,4 @@
 import { ClassProp } from 'class-variance-authority/types';
 export declare const modal: (props?: ({
-    slot?: "header" | "overlay" | "content" | "close" | "body" | null | undefined;
+    slot?: "content" | "header" | "overlay" | "close" | "body" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/scrollable.d.ts

@@ -1,4 +1,4 @@
 import { ClassProp } from 'class-variance-authority/types';
 export declare const scrollable: (props?: ({
-    section?: "header" | "content" | "wrapper" | "footer" | null | undefined;
+    section?: "content" | "header" | "wrapper" | "footer" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/select.d.ts

@@ -1,4 +1,4 @@
 import { ClassProp } from 'class-variance-authority/types';
 export declare const select: (props?: ({
-    slot?: "content" | "trigger" | "viewport" | "item" | "itemIndicator" | null | undefined;
+    slot?: "trigger" | "content" | "item" | "itemIndicator" | "viewport" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/styled/inkeep.css.cjs

@@ -836,6 +836,9 @@ video {
   width: 2.25rem;
   height: 2.25rem;
 }
+.\\!h-auto {
+  height: auto !important;
+}
 .h-0 {
   height: 0px;
 }
@@ -908,6 +911,9 @@ video {
 .max-h-\\[200px\\] {
   max-height: 200px;
 }
+.max-h-\\[min\\(24rem\\2c var\\(--available-height\\)\\)\\] {
+  max-height: min(24rem,var(--available-height));
+}
 .max-h-\\[min\\(85vh\\2c 850px\\)\\] {
   max-height: min(85vh,850px);
 }
@@ -1020,6 +1026,9 @@ video {
 .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {
   min-width: var(--radix-select-trigger-width);
 }
+.min-w-\\[var\\(--reference-width\\2c 8rem\\)\\] {
+  min-width: var(--reference-width,8rem);
+}
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1041,6 +1050,9 @@ video {
 .flex-\\[0_0_100\\%\\] {
   flex: 0 0 100%;
 }
+.flex-shrink {
+  flex-shrink: 1;
+}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -1050,6 +1062,9 @@ video {
 .shrink-0 {
   flex-shrink: 0;
 }
+.flex-grow-0 {
+  flex-grow: 0;
+}
 .grow-0 {
   flex-grow: 0;
 }
@@ -1319,6 +1334,9 @@ video {
 .justify-self-center {
   justify-self: center;
 }
+.overflow-auto {
+  overflow: auto;
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1390,6 +1408,9 @@ video {
 .border {
   border-width: 1px;
 }
+.border-0 {
+  border-width: 0px;
+}
 .border-2 {
   border-width: 2px;
 }
@@ -2543,6 +2564,10 @@ slot {
   opacity: 1;
 }
 
+.group:disabled .group-disabled\\:opacity-60 {
+  opacity: 0.6;
+}
+
 .has-\\[\\[data-dual-pane-search-expanded\\]\\]\\:w-\\[min\\(90vw\\2c 1000px\\)\\]:has([data-dual-pane-search-expanded]) {
   width: min(90vw,1000px);
 }
@@ -2783,6 +2808,10 @@ slot {
   flex-direction: row;
 }
 
+.data-\\[input-type\\=checkbox\\]\\:flex-wrap[data-input-type="checkbox"] {
+  flex-wrap: wrap;
+}
+
 .data-\\[role\\=user\\]\\:items-end[data-role="user"] {
   align-items: flex-end;
 }
@@ -2832,6 +2861,10 @@ slot {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.data-\\[highlighted\\]\\:bg-gray-100[data-highlighted] {
+  background-color: var(--ikp-color-gray-100);
+}
+
 .data-\\[role\\=user\\]\\:bg-gray-100[data-role="user"] {
   background-color: var(--ikp-color-gray-100);
 }
@@ -2887,6 +2920,10 @@ slot {
   font-weight: 600;
 }
 
+.data-\\[state\\=checked\\]\\:font-medium[data-state="checked"] {
+  font-weight: 500;
+}
+
 .data-\\[active\\]\\:text-gray-600[data-active] {
   color: var(--ikp-color-gray-600);
 }
@@ -2938,6 +2975,18 @@ slot {
   color: var(--ikp-color-inkeep-primary-medium);
 }
 
+.data-\\[invalid\\]\\:placeholder-opacity-80[data-invalid]::-moz-placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.data-\\[invalid\\]\\:placeholder-opacity-80[data-invalid]::placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.data-\\[disabled\\]\\:opacity-30[data-disabled] {
+  opacity: 0.3;
+}
+
 .data-\\[disabled\\]\\:opacity-50[data-disabled] {
   opacity: 0.5;
 }
@@ -3088,6 +3137,14 @@ slot {
   background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-600),transparent 30%);
 }
 
+.group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:w-full {
+  width: 100%;
+}
+
+.group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:basis-full {
+  flex-basis: 100%;
+}
+
 .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3553,6 +3610,14 @@ slot {
   color: var(--ikp-color-gray-dark-200);
 }
 
+.dark\\:placeholder\\:text-gray-dark-500:is([data-theme="dark"] *)::-moz-placeholder {
+  color: var(--ikp-color-gray-dark-500);
+}
+
+.dark\\:placeholder\\:text-gray-dark-500:is([data-theme="dark"] *)::placeholder {
+  color: var(--ikp-color-gray-dark-500);
+}
+
 .dark\\:before\\:bg-gray-dark-950:is([data-theme="dark"] *)::before {
   content: var(--tw-content);
   background-color: var(--ikp-color-gray-dark-950);
@@ -3620,8 +3685,9 @@ slot {
   background-color: var(--ikp-color-white-alpha-400);
 }
 
-.dark\\:disabled\\:text-white-alpha-200:disabled:is([data-theme="dark"] *) {
-  color: var(--ikp-color-white-alpha-200);
+.dark\\:disabled\\:text-white:disabled:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 .group:hover .dark\\:group-hover\\:text-white-alpha-600:is([data-theme="dark"] *) {
@@ -3640,6 +3706,10 @@ slot {
   background-color: var(--ikp-color-gray-dark-700);
 }
 
+.dark\\:data-\\[highlighted\\]\\:bg-gray-dark-800[data-highlighted]:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-gray-dark-800);
+}
+
 .dark\\:data-\\[state\\=active\\]\\:bg-white-alpha-100[data-state="active"]:is([data-theme="dark"] *) {
   background-color: var(--ikp-color-white-alpha-100);
 }
@@ -3711,6 +3781,10 @@ slot {
   color: var(--ikp-color-gray-dark-950);
 }
 
+.dark\\:data-\\[required\\]\\:after\\:\\[content\\:\\"\\*\\"\\][data-required]:is([data-theme="dark"] *)::after {
+  content: "*";
+}
+
 .dark\\:data-\\[highlight\\]\\:first\\:before\\:\\[background-image\\:conic-gradient\\(transparent\\2c theme\\(colors\\.inkeep-expanded-primary\\.300\\)\\2c transparent_30\\%\\)\\]:first-child[data-highlight]:is([data-theme="dark"] *)::before {
   content: var(--tw-content);
   background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-300),transparent 30%);
@@ -4077,6 +4151,112 @@ slot {
   margin-bottom: 0px;
 }
 
+.\\[\\&_\\[data-part\\=tag-clear\\]\\:hover\\]\\:bg-gray-200 [data-part=tag-clear]:hover {
+  background-color: var(--ikp-color-gray-200);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\:hover\\]\\:dark\\:bg-gray-dark-600:is([data-theme="dark"] *) [data-part=tag-clear]:hover {
+  background-color: var(--ikp-color-gray-dark-600);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:flex [data-part=tag-clear] {
+  display: flex;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:h-5 [data-part=tag-clear] {
+  height: 1.25rem;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:w-5 [data-part=tag-clear] {
+  width: 1.25rem;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:shrink-0 [data-part=tag-clear] {
+  flex-shrink: 0;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:cursor-pointer [data-part=tag-clear] {
+  cursor: pointer;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:items-center [data-part=tag-clear] {
+  align-items: center;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:justify-center [data-part=tag-clear] {
+  justify-content: center;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:rounded-md [data-part=tag-clear] {
+  border-radius: 0.375rem;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:text-current [data-part=tag-clear] {
+  color: currentColor;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:outline-none [data-part=tag-clear] {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:inline-flex [data-part=tag] {
+  display: inline-flex;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:flex-shrink-0 [data-part=tag] {
+  flex-shrink: 0;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:items-center [data-part=tag] {
+  align-items: center;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:gap-1 [data-part=tag] {
+  gap: 0.25rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:whitespace-nowrap [data-part=tag] {
+  white-space: nowrap;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:rounded-md [data-part=tag] {
+  border-radius: 0.375rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:bg-gray-100 [data-part=tag] {
+  background-color: var(--ikp-color-gray-100);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:py-0\\.5 [data-part=tag] {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:pl-2 [data-part=tag] {
+  padding-left: 0.5rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:pr-1 [data-part=tag] {
+  padding-right: 0.25rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:text-sm [data-part=tag] {
+  font-size: var(--ikp-font-size-sm);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:text-gray-800 [data-part=tag] {
+  color: var(--ikp-color-gray-800);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:dark\\:bg-gray-dark-800:is([data-theme="dark"] *) [data-part=tag] {
+  background-color: var(--ikp-color-gray-dark-800);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:dark\\:text-gray-dark-50:is([data-theme="dark"] *) [data-part=tag] {
+  color: var(--ikp-color-gray-dark-50);
+}
+
 .\\[\\&_a\\]\\:inline a {
   display: inline;
 }