@harnessio/ui 1.2.10 → 1.2.12

package/dist/tailwind.config.js

@@ -256,7 +256,7 @@ const _ = {
     ...O()
   }
 }, X = ["md", "sm", "lg", "xs"];
-function G() {
+function Y() {
   const r = {};
   return X.forEach((e) => {
     e === "xs" ? r[`&:where(.cn-avatar-${e})`] = {
@@ -273,7 +273,7 @@ function G() {
     };
   }), r;
 }
-const Y = {
+const G = {
   ".cn-avatar": {
     display: "inline-flex",
     alignItems: "center",
@@ -284,7 +284,7 @@ const Y = {
     boxShadow: "var(--cn-comp-shadow-avatar-inner)",
     letterSpacing: "var(--cn-tracking-tight)",
     "@apply shrink-0": "",
-    ...G(),
+    ...Y(),
     "&:where(.cn-avatar-rounded)": {
       borderRadius: "var(--cn-avatar-radius-rounded)"
     },
@@ -2729,15 +2729,15 @@ const He = {
   ${u} 50%,
   ${u} 68.75%,
   transparent 68.75%,
-  transparent)`, Ge = (r) => r === "sm" ? "8px 8px" : r === "lg" ? "32px 32px" : "16px 16px";
-function Ye() {
+  transparent)`, Ye = (r) => r === "sm" ? "8px 8px" : r === "lg" ? "32px 32px" : "16px 16px";
+function Ge() {
   const r = {};
   return Ee.forEach((e) => {
     const n = {};
     n[" .cn-progress-root"] = {
       height: `var(--cn-progress-size-${e})`
     }, n[" .cn-progress-processing-fake"] = {
-      "background-size": Ge(e),
+      "background-size": Ye(e),
       "animation-name": `cnProgressBar-${e}`
     }, r[`&:where(.cn-progress-${e})`] = n;
   }), Pe.forEach((e) => {
@@ -2853,7 +2853,7 @@ const Fe = {
       width: "100%",
       animation: "cnProgressBar-md 0.8s linear infinite"
     },
-    ...Ye(),
+    ...Ge(),
     "@keyframes cnProgressIndeterminateAnimation": {
       "0%": {
         transform: "translateX(-100%)"
@@ -2906,12 +2906,28 @@ const Fe = {
     minHeight: "var(--cn-input-ai-min-height)",
     maxHeight: "var(--cn-input-ai-max-height)",
     transition: "box-shadow 0.2s ease-in-out",
+    // Keep tags + toolbar visible; only the field grows/scrolls inside the cap.
+    ".cn-control-group": {
+      display: "flex",
+      flexDirection: "column",
+      flex: "1 1 auto",
+      minHeight: "0",
+      overflow: "hidden"
+    },
+    ".cn-control-group-input": {
+      flex: "1",
+      minHeight: "0",
+      overflow: "hidden"
+    },
     ".cn-textarea": {
       boxShadow: "none",
       border: "none",
       padding: "var(--cn-spacing-none)",
       backgroundColor: "transparent",
       minHeight: "var(--cn-size-10)",
+      // Cap the auto-resizing field so the toolbar stays pinned; overflow scrolls.
+      maxHeight: "var(--cn-size-64)",
+      overflowY: "auto",
       "&:focus-visible": {
         boxShadow: "none",
         outline: "none"
@@ -6492,7 +6508,7 @@ const Tr = {
   Ie,
   zr,
   Re,
-  Y,
+  G,
   ce,
   ie,
   je,