@harnessio/ui 0.5.17 → 0.5.19

package/dist/components.d.ts

@@ -1688,7 +1688,7 @@ export declare interface ExitConfirmOptions {
     isLoading?: boolean;
 }
 
-declare function ExpandButton({ stepCount, isExpanded, onToggle, label, icon, loading }: StudioCardExpandButtonProps): JSX_3.Element | null;
+declare function ExpandButton({ stepCount, isExpanded, onToggle, label, icon, loading, stackDirection, variant }: StudioCardExpandButtonProps): JSX_3.Element | null;
 
 export declare const Favorite: FC<FavoriteIconProps>;
 
@@ -1895,7 +1895,7 @@ declare interface FolderItemProps extends Partial<Omit<BaseItemProps, 'actionBut
  * Footer Component
  * ====================
  */
-declare function Footer({ children }: PropsWithChildren<StudioCardFooterProps>): JSX_3.Element;
+declare function Footer({ children, size, invisible }: PropsWithChildren<StudioCardFooterProps>): JSX_3.Element;
 
 export declare const ForkTag: React.FC<ForkTagProps>;
 
@@ -4992,9 +4992,13 @@ export declare interface StudioCardExpandButtonProps {
     label: string;
     icon?: React.ReactElement;
     loading?: boolean;
+    stackDirection?: 'right' | 'bottom';
+    variant?: 'default' | 'minimal';
 }
 
 export declare interface StudioCardFooterProps {
+    size?: 'compact' | 'default';
+    invisible?: boolean;
 }
 
 export declare interface StudioCardHeaderProps {
@@ -5014,7 +5018,7 @@ export declare interface StudioCardRootProps {
     selected?: boolean;
     variant?: 'default' | 'stage';
     execution?: boolean;
-    size?: 'sm' | 'md';
+    size?: 'xs' | 'sm' | 'md';
 }
 
 export declare interface StudioCardStatusProps {

package/dist/components.js

@@ -1,5 +1,5 @@
 import { a4 as e, B as t, V as o, U as r, a7 as i, a8 as n, I as l, a9 as b, X as p, aa as g, W as u, ab as c, L as m, S as d, p as S, ac as T, l as C, ad as I, ae as V, af as F, ag as h, e as y, a5 as D } from "./index-DDOiMHF8.js";
-import { bK as L, G as M, A, r as B, v as w, m as x, o as f, bi as v, I as N, bu as W, ac as k, c9 as R, Y as E, V as G, bo as O, aq as U, aS as _, aT as H, aV as K, aU as X, c3 as z, aa as j, b8 as q, B as J, p as Q, F as Y, ao as Z, an as $, Z as aa, aj as sa, bf as ea, C as ta, br as oa, aw as ra, Q as ia, O as na, bl as la, bs as ba, bt as pa, aM as ga, D as ua, h as ca, bm as ma, bU as da, _ as Sa, b7 as Ta, ah as Ca, f as Ia, ak as Va, ca as Fa, ag as ha, aE as ya, aD as Da, aF as Pa, aC as La, b6 as Ma, bh as Aa, a7 as Ba, bT as wa, a2 as xa, a4 as fa, a3 as va, am as Na, bL as Wa, H as ka, bd as Ra, at as Ea, a9 as Ga, cb as Oa, X as Ua, $ as _a, bO as Ha, bP as Ka, bN as Xa, ap as za, a0 as ja, l as qa, L as Ja, M as Qa, as as Ya, cc as Za, q as $a, a1 as as, aW as ss, a6 as es, aB as ts, aA as os, aI as rs, bn as is, N as ns, aR as ls, n as bs, bR as ps, c8 as gs, P as us, R as cs, b$ as ms, j as ds, aQ as Ss, av as Ts, b2 as Cs, b1 as Is, aX as Vs, b0 as Fs, aY as hs, aZ as ys, a_ as Ds, a$ as Ps, ab as Ls, b3 as Ms, bg as As, b9 as Bs, b_ as ws, aO as xs, aN as fs, c6 as vs, bX as Ns, E as Ws, bS as ks, w as Rs, c7 as Es, a8 as Gs, aP as Os, az as Us, a as _s, bF as Hs, bz as Ks, c4 as Xs, aK as zs, c5 as js, y as qs, bk as Js, J as Qs, K as Ys, ay as Zs, bj as $s, c as ae, aJ as se, bC as ee, bx as te, d as oe, bD as re, ax as ie, S as ne, bq as le, z as be, be as pe, T as ge, bQ as ue, a5 as ce, bI as me, bc as de, bb as Se, c2 as Te, ae as Ce, af as Ie, au as Ve, b5 as Fe, bG as he, U as ye, bw as De, bv as Pe, bH as Le, by as Me, k as Ae, W as Be, g as we, al as xe, bY as fe, ar as ve, bJ as Ne, bW as We, bZ as ke, bM as Re, c0 as Ee, aH as Ge, aG as Oe, bV as Ue, bE as _e, bB as He, bA as Ke, e as Xe, s as ze, bp as je, b as qe, c1 as Je, ad as Qe, t as Ye, ai as Ze, ba as $e, b4 as at, x as st, u as et, aL as tt } from "./index-DOJqgX28.js";
+import { bK as L, G as M, A, r as B, v as w, m as x, o as f, bi as v, I as N, bu as W, ac as k, c9 as R, Y as E, V as G, bo as O, aq as U, aS as _, aT as H, aV as K, aU as X, c3 as z, aa as j, b8 as q, B as J, p as Q, F as Y, ao as Z, an as $, Z as aa, aj as sa, bf as ea, C as ta, br as oa, aw as ra, Q as ia, O as na, bl as la, bs as ba, bt as pa, aM as ga, D as ua, h as ca, bm as ma, bU as da, _ as Sa, b7 as Ta, ah as Ca, f as Ia, ak as Va, ca as Fa, ag as ha, aE as ya, aD as Da, aF as Pa, aC as La, b6 as Ma, bh as Aa, a7 as Ba, bT as wa, a2 as xa, a4 as fa, a3 as va, am as Na, bL as Wa, H as ka, bd as Ra, at as Ea, a9 as Ga, cb as Oa, X as Ua, $ as _a, bO as Ha, bP as Ka, bN as Xa, ap as za, a0 as ja, l as qa, L as Ja, M as Qa, as as Ya, cc as Za, q as $a, a1 as as, aW as ss, a6 as es, aB as ts, aA as os, aI as rs, bn as is, N as ns, aR as ls, n as bs, bR as ps, c8 as gs, P as us, R as cs, b$ as ms, j as ds, aQ as Ss, av as Ts, b2 as Cs, b1 as Is, aX as Vs, b0 as Fs, aY as hs, aZ as ys, a_ as Ds, a$ as Ps, ab as Ls, b3 as Ms, bg as As, b9 as Bs, b_ as ws, aO as xs, aN as fs, c6 as vs, bX as Ns, E as Ws, bS as ks, w as Rs, c7 as Es, a8 as Gs, aP as Os, az as Us, a as _s, bF as Hs, bz as Ks, c4 as Xs, aK as zs, c5 as js, y as qs, bk as Js, J as Qs, K as Ys, ay as Zs, bj as $s, c as ae, aJ as se, bC as ee, bx as te, d as oe, bD as re, ax as ie, S as ne, bq as le, z as be, be as pe, T as ge, bQ as ue, a5 as ce, bI as me, bc as de, bb as Se, c2 as Te, ae as Ce, af as Ie, au as Ve, b5 as Fe, bG as he, U as ye, bw as De, bv as Pe, bH as Le, by as Me, k as Ae, W as Be, g as we, al as xe, bY as fe, ar as ve, bJ as Ne, bW as We, bZ as ke, bM as Re, c0 as Ee, aH as Ge, aG as Oe, bV as Ue, bE as _e, bB as He, bA as Ke, e as Xe, s as ze, bp as je, b as qe, c1 as Je, ad as Qe, t as Ye, ai as Ze, ba as $e, b4 as at, x as st, u as et, aL as tt } from "./index-BbIpB8kX.js";
 export {
   L as AccentColor,
   M as Accordion,

package/dist/{form-shared-styles-W3czzLsz.js → form-shared-styles-Be4PYgYO.js}

@@ -1,4 +1,4 @@
-const l = "gap-cn-sm", o = "gap-cn-xl", e = {
+const l = "gap-cn-xs", o = "gap-cn-xl", e = {
   ".cn-form": {
     [`@apply flex flex-col ${o}`]: ""
   },
@@ -28,4 +28,4 @@ export {
   o as F,
   e as f
 };
-//# sourceMappingURL=form-shared-styles-W3czzLsz.js.map
+//# sourceMappingURL=form-shared-styles-Be4PYgYO.js.map

package/dist/{form-shared-styles-W3czzLsz.js.map → form-shared-styles-Be4PYgYO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-shared-styles-W3czzLsz.js","sources":["../tailwind-utils-config/components/form-shared-styles.ts"],"sourcesContent":["/** Label-to-control gap class; lives here for Tailwind builds. */\nexport const CONTROL_GROUP_STACK_GAP = 'gap-cn-sm' as const\n\n/** Vertical gap between sibling form fields (`.cn-form`, accordions aligned with forms). */\nexport const FORM_FIELD_STACK_GAP = 'gap-cn-xl' as const\n\nexport default {\n  '.cn-form': {\n    [`@apply flex flex-col ${FORM_FIELD_STACK_GAP}`]: ''\n  },\n\n  ':where(.cn-control-group)': {\n    [`@apply relative flex flex-col ${CONTROL_GROUP_STACK_GAP}`]: '',\n    maxWidth: '100%',\n\n    '&.cn-control-group-horizontal': {\n      '@apply flex-row': '',\n\n      '.cn-control-group-label': {\n        width: 'var(--cn-input-horizontal-label-max-width)'\n      },\n\n      '.cn-control-group-input': {\n        '@apply flex-1': ''\n      }\n    }\n  },\n\n  ':where(.cn-control-group-label)': {\n    gap: 'var(--cn-layout-3xs)',\n    '@apply relative flex flex-col': ''\n  },\n\n  ':where(.cn-control-group-input)': {\n    [`@apply relative flex flex-col ${CONTROL_GROUP_STACK_GAP}`]: ''\n  }\n}\n"],"names":["CONTROL_GROUP_STACK_GAP","FORM_FIELD_STACK_GAP","formSharedStyles"],"mappings":"AACO,MAAMA,IAA0B,aAG1BC,IAAuB,aAErBC,IAAA;AAAA,EACb,YAAY;AAAA,IACV,CAAC,wBAAwBD,CAAoB,EAAE,GAAG;AAAA,EACpD;AAAA,EAEA,6BAA6B;AAAA,IAC3B,CAAC,iCAAiCD,CAAuB,EAAE,GAAG;AAAA,IAC9D,UAAU;AAAA,IAEV,iCAAiC;AAAA,MAC/B,mBAAmB;AAAA,MAEnB,2BAA2B;AAAA,QACzB,OAAO;AAAA,MACT;AAAA,MAEA,2BAA2B;AAAA,QACzB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EAEJ;AAAA,EAEA,mCAAmC;AAAA,IACjC,KAAK;AAAA,IACL,iCAAiC;AAAA,EACnC;AAAA,EAEA,mCAAmC;AAAA,IACjC,CAAC,iCAAiCA,CAAuB,EAAE,GAAG;AAAA,EAAA;AAElE;"}
+{"version":3,"file":"form-shared-styles-Be4PYgYO.js","sources":["../tailwind-utils-config/components/form-shared-styles.ts"],"sourcesContent":["/** Label-to-control gap class; lives here for Tailwind builds. */\nexport const CONTROL_GROUP_STACK_GAP = 'gap-cn-xs' as const\n\n/** Vertical gap between sibling form fields (`.cn-form`, accordions aligned with forms). */\nexport const FORM_FIELD_STACK_GAP = 'gap-cn-xl' as const\n\nexport default {\n  '.cn-form': {\n    [`@apply flex flex-col ${FORM_FIELD_STACK_GAP}`]: ''\n  },\n\n  ':where(.cn-control-group)': {\n    [`@apply relative flex flex-col ${CONTROL_GROUP_STACK_GAP}`]: '',\n    maxWidth: '100%',\n\n    '&.cn-control-group-horizontal': {\n      '@apply flex-row': '',\n\n      '.cn-control-group-label': {\n        width: 'var(--cn-input-horizontal-label-max-width)'\n      },\n\n      '.cn-control-group-input': {\n        '@apply flex-1': ''\n      }\n    }\n  },\n\n  ':where(.cn-control-group-label)': {\n    gap: 'var(--cn-layout-3xs)',\n    '@apply relative flex flex-col': ''\n  },\n\n  ':where(.cn-control-group-input)': {\n    [`@apply relative flex flex-col ${CONTROL_GROUP_STACK_GAP}`]: ''\n  }\n}\n"],"names":["CONTROL_GROUP_STACK_GAP","FORM_FIELD_STACK_GAP","formSharedStyles"],"mappings":"AACO,MAAMA,IAA0B,aAG1BC,IAAuB,aAErBC,IAAA;AAAA,EACb,YAAY;AAAA,IACV,CAAC,wBAAwBD,CAAoB,EAAE,GAAG;AAAA,EACpD;AAAA,EAEA,6BAA6B;AAAA,IAC3B,CAAC,iCAAiCD,CAAuB,EAAE,GAAG;AAAA,IAC9D,UAAU;AAAA,IAEV,iCAAiC;AAAA,MAC/B,mBAAmB;AAAA,MAEnB,2BAA2B;AAAA,QACzB,OAAO;AAAA,MACT;AAAA,MAEA,2BAA2B;AAAA,QACzB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EAEJ;AAAA,EAEA,mCAAmC;AAAA,IACjC,KAAK;AAAA,IACL,iCAAiC;AAAA,EACnC;AAAA,EAEA,mCAAmC;AAAA,IACjC,CAAC,iCAAiCA,CAAuB,EAAE,GAAG;AAAA,EAAA;AAElE;"}

package/dist/{index-DOJqgX28.js → index-BbIpB8kX.js}

@@ -8,7 +8,7 @@ import se, { forwardRef as ge, useMemo as xe, useLayoutEffect as dc, useEffect a
 import { c as $, g as kd, f as fs, a as sW, d as nl, I as lW, Z as H2, b as cW, e as Y2 } from "./utils-DRBOvPmN.js";
 import { t as Mt, c as sn, g as Us, a as Xl, m as uW, b as Yv, e as zv, d as dW, f as pW, h as mW, u as Bs, i as _W, w as CT, j as gW, k as fW, l as xm, n as RT, o as EW, p as ug, q as Zu, r as SW, s as hW, L as z2, v as rE, x as bW, y as TW } from "./textarea-utils-uuMesRro.js";
 import { d as Vv, u as fr, n as Ju, a as q4, M as Oa, C as $4, b as Nl } from "./use-resize-observer-B-bXbUjU.js";
-import { C as vW } from "./form-shared-styles-W3czzLsz.js";
+import { C as vW } from "./form-shared-styles-Be4PYgYO.js";
 import { u as qv, a as CW } from "./use-debounce-search-DCssIumm.js";
 import RW, { unstable_batchedUpdates as Up, createPortal as NW } from "react-dom";
 import { g as Po } from "./tailwind-design-system-B-Jd9lCG.js";
@@ -176733,6 +176733,7 @@ const ha = {
 }, XPe = Dt("", {
   variants: {
     size: {
+      xs: "cn-studio-card-xs",
       sm: "cn-studio-card-sm",
       md: ""
     }
@@ -176818,9 +176819,11 @@ function n4e({
   onToggle: n,
   label: r,
   icon: a,
-  loading: i = !1
+  loading: i = !1,
+  stackDirection: o = "right",
+  variant: s = "default"
 }) {
-  const o = xe(() => t || e <= 1 ? 0 : e === 2 ? 1 : 2, [e, t]);
+  const l = xe(() => t || e <= 1 ? 0 : e === 2 ? 1 : 2, [e, t]);
   return e === 0 || t ? null : /* @__PURE__ */ B(
     ep.div,
     {
@@ -176830,25 +176833,36 @@ function n4e({
       exit: "exit",
       className: "cn-studio-card-expand-button",
       "data-expanded": t,
+      "data-stack-direction": o,
+      "data-variant": s,
       children: [
-        o > 0 && /* @__PURE__ */ B(lt, { children: [
-          o >= 2 && /* @__PURE__ */ g("div", { className: "cn-studio-card-expand-button-stack cn-studio-card-expand-button-stack-2" }),
-          o >= 1 && /* @__PURE__ */ g("div", { className: "cn-studio-card-expand-button-stack cn-studio-card-expand-button-stack-1" })
+        l > 0 && /* @__PURE__ */ B(lt, { children: [
+          l >= 2 && /* @__PURE__ */ g("div", { className: "cn-studio-card-expand-button-stack cn-studio-card-expand-button-stack-2" }),
+          l >= 1 && /* @__PURE__ */ g("div", { className: "cn-studio-card-expand-button-stack cn-studio-card-expand-button-stack-1" })
         ] }),
         /* @__PURE__ */ B(
           "button",
           {
-            onClick: (s) => {
-              s.stopPropagation(), n == null || n();
+            onClick: (c) => {
+              c.stopPropagation(), n == null || n();
             },
             className: "cn-studio-card-expand-button-main",
             disabled: i,
             children: [
               /* @__PURE__ */ B("div", { className: "cn-studio-card-expand-button-top", children: [
-                a ?? /* @__PURE__ */ g(me, { name: "harness-plugins", size: "lg" }),
-                /* @__PURE__ */ g(Te, { color: "foreground-1", variant: "body-strong", className: "truncate", children: r })
+                s === "default" && (a ?? /* @__PURE__ */ g(me, { name: "harness-plugins", size: "lg" })),
+                /* @__PURE__ */ g(
+                  Te,
+                  {
+                    color: "foreground-1",
+                    variant: s === "minimal" ? "caption-single-line-code" : "body-strong",
+                    className: "truncate",
+                    children: r
+                  }
+                ),
+                s === "minimal" && /* @__PURE__ */ g(me, { name: "expand", size: "xs" })
               ] }),
-              /* @__PURE__ */ B("div", { className: "cn-studio-card-expand-button-bottom", children: [
+              s === "default" && /* @__PURE__ */ B("div", { className: "cn-studio-card-expand-button-bottom", children: [
                 /* @__PURE__ */ B(Te, { color: "foreground-1", variant: "body-single-line-code", children: [
                   "+",
                   e,
@@ -176880,8 +176894,8 @@ function a4e({ tagText: e, icon: t }) {
     /* @__PURE__ */ g(Te, { title: e, className: "text-cn-gray-outline", variant: "caption-single-line-normal", children: n })
   ] });
 }
-function i4e({ children: e }) {
-  return /* @__PURE__ */ g("div", { className: "cn-studio-card-footer", children: typeof e == "string" ? /* @__PURE__ */ g(Te, { color: "foreground-3", variant: "caption-normal", children: e }) : e });
+function i4e({ children: e, size: t = "default", invisible: n }) {
+  return /* @__PURE__ */ g("div", { className: $("cn-studio-card-footer", { invisible: n }), "data-size": t, children: typeof e == "string" ? /* @__PURE__ */ g(Te, { color: "foreground-3", variant: "caption-normal", children: e }) : e });
 }
 function o4e({ children: e }) {
   return /* @__PURE__ */ g(lt, { children: e });
@@ -179842,4 +179856,4 @@ export {
   Ase as y,
   xi as z
 };
-//# sourceMappingURL=index-DOJqgX28.js.map
+//# sourceMappingURL=index-BbIpB8kX.js.map