@harnessio/ui 0.5.62 → 0.5.63

package/dist/tailwind.config.js

@@ -1117,6 +1117,43 @@ const Z = {
     "@apply truncate": ""
   }
 }, ce = {
+  ".cn-checkbox-tree": {
+    "@apply w-full": ""
+  },
+  ".cn-checkbox-tree-item": {
+    "@apply w-full": ""
+  },
+  ".cn-checkbox-tree-row": {
+    "@apply relative w-full transition-colors": "",
+    padding: "var(--cn-spacing-3) var(--cn-spacing-4)",
+    borderBottom: "var(--cn-border-width-1) solid var(--cn-border-3)",
+    "&:hover": {
+      "@apply bg-cn-hover": ""
+    }
+  },
+  ".cn-checkbox-tree-trigger": {
+    "@apply flex-1 cursor-pointer": "",
+    "&:where([disabled])": {
+      "@apply cursor-not-allowed opacity-cn-disabled": ""
+    }
+  },
+  ".cn-checkbox-tree-label": {
+    "@apply font-body-normal": ""
+  },
+  ".cn-checkbox-tree-select-all": {
+    "@apply font-body-strong": ""
+  },
+  ".cn-checkbox-tree-content": {
+    "@apply overflow-hidden": "",
+    /**
+     * Content is kept mounted (forceMount) so descendants stay registered for
+     * selection state; hide it visually when the group is collapsed.
+     */
+    "&:where([data-state=closed])": {
+      "@apply hidden": ""
+    }
+  }
+}, ie = {
   ".cn-modal-dialog-overlay": {
     backgroundColor: "var(--cn-comp-dialog-backdrop)",
     padding: "var(--cn-dialog-safezone)",
@@ -1285,7 +1322,7 @@ const Z = {
       opacity: "0"
     }
   }
-}, ie = {
+}, de = {
   ".cn-drawer": {
     "&-content": {
       userSelect: "auto !important",
@@ -1690,7 +1727,7 @@ const Z = {
       }
     }
   }
-}, de = [
+}, se = [
   "gray",
   "green",
   "red",
@@ -1705,14 +1742,14 @@ const Z = {
   "orange",
   "pink",
   "violet"
-], se = () => {
+], le = () => {
   const r = {};
-  return de.forEach((e) => {
+  return se.forEach((e) => {
     r[`&.cn-dropdown-menu-item-indicator-${e}`] = {
       backgroundColor: `var(--cn-set-${e}-solid-bg)`
     };
   }), r;
-}, le = {
+}, pe = {
   ".cn-dropdown-menu": {
     zIndex: "50",
     minWidth: "var(--cn-dropdown-min-width)",
@@ -1789,7 +1826,7 @@ const Z = {
         height: "var(--cn-badge-indicator-size-sm)",
         borderRadius: "var(--cn-rounded-full)",
         flexShrink: "0",
-        ...se()
+        ...le()
       }
     },
     "&-group-label": {
@@ -1817,7 +1854,7 @@ const Z = {
       padding: "calc(var(--cn-dropdown-item-py) + var(--cn-spacing-4)) var(--cn-dropdown-item-px)"
     }
   }
-}, pe = {
+}, be = {
   ".cn-form": {
     [`@apply flex flex-col ${I}`]: ""
   },
@@ -1841,15 +1878,15 @@ const Z = {
   ":where(.cn-control-group-input)": {
     [`@apply relative flex flex-col ${l}`]: ""
   }
-}, be = ["2xs", "xs", "sm", "md", "lg", "xl"], ge = ["xs", "sm", "md", "lg"];
+}, ge = ["2xs", "xs", "sm", "md", "lg", "xl"], ve = ["xs", "sm", "md", "lg"];
 function g(r) {
-  const e = r === "icon" ? be : ge, n = r === "symbol" ? "logo" : r, t = {};
+  const e = r === "icon" ? ge : ve, n = r === "symbol" ? "logo" : r, t = {};
   return e.forEach((a) => {
     const o = {};
     o.width = `var(--cn-${n}-size-${a})`, o["min-width"] = `var(--cn-${n}-size-${a})`, o.height = `var(--cn-${n}-size-${a})`, o["min-height"] = `var(--cn-${n}-size-${a})`, r === "icon" && (o["stroke-width"] = `var(--cn-icon-stroke-width-${a})`), t[`&:where(.cn-${r}-${a})`] = o;
   }), t;
 }
-const ve = {
+const ue = {
   ".cn-icon": {
     ...g("icon")
   },
@@ -1859,10 +1896,10 @@ const ve = {
   ".cn-symbol": {
     ...g("symbol")
   }
-}, ue = ["danger", "warning", "success"];
-function he() {
+}, he = ["danger", "warning", "success"];
+function me() {
   const r = {};
-  return ue.forEach((e) => {
+  return he.forEach((e) => {
     r[`&:where(.cn-input-${e}):not(:has(input[disabled]))`] = {
       borderColor: `var(--cn-border-${e})`,
       boxShadow: `var(--cn-ring-${e})`,
@@ -1877,7 +1914,7 @@ function he() {
     };
   }), r;
 }
-const me = {
+const xe = {
   ".cn-input": {
     "&-input": {
       height: "100%",
@@ -1965,7 +2002,7 @@ const me = {
         "@apply h-full border-0 border-l rounded-l-cn-none": "",
         borderColor: "inherit"
       },
-      ...he()
+      ...me()
     },
     "&-search": {
       "&:where(.cn-input-input)": {
@@ -1976,7 +2013,7 @@ const me = {
       }
     }
   }
-}, xe = {
+}, fe = {
   ".cn-label": {
     "@apply font-body-normal": "",
     display: "grid",
@@ -2004,7 +2041,7 @@ const me = {
       color: "var(--cn-set-danger-secondary-text)"
     }
   }
-}, fe = {
+}, ye = {
   ".cn-link": {
     display: "inline-flex",
     alignItems: "center",
@@ -2065,7 +2102,7 @@ const me = {
       textDecorationLine: "none !important"
     }
   }
-}, ye = {
+}, we = {
   ".cn-message-bubble": {
     display: "flex",
     flexDirection: "column",
@@ -2091,7 +2128,7 @@ const me = {
       gap: "var(--cn-spacing-1)"
     }
   }
-}, we = {
+}, ke = {
   ".cn-meter": {
     "@apply flex h-[19px] items-stretch gap-cn-3xs": "",
     "&:has(.cn-meter-tooltip-bar:hover) .cn-meter-bar:not(:hover)": {
@@ -2105,10 +2142,10 @@ const me = {
       transition: "all 0.15s"
     }
   }
-}, ke = ["danger", "warning"];
-function Ce() {
+}, Ce = ["danger", "warning"];
+function Se() {
   const r = {};
-  return ke.forEach((e) => {
+  return Ce.forEach((e) => {
     r[`&:where(.cn-multi-select-${e}):not(:has(input[disabled]))`] = {
       borderColor: `var(--cn-border-${e})`,
       boxShadow: `var(--cn-ring-${e})`,
@@ -2123,7 +2160,7 @@ function Ce() {
     };
   }), r;
 }
-const Se = {
+const ze = {
   ".cn-multi-select": {
     "&-outer-container": {
       "@apply flex flex-col gap-cn-xs": ""
@@ -2143,7 +2180,7 @@ const Se = {
       "&:where(:hover):not(:has(input[disabled]))": {
         borderColor: "var(--cn-border-brand)"
       },
-      ...Ce()
+      ...Se()
     },
     "&-tag-wrapper": {
       "@apply relative flex flex-wrap items-center gap-cn-xs": ""
@@ -2170,7 +2207,7 @@ const Se = {
       "@apply border rounded-cn-3 shadow-cn-3 mt-cn-3xs overflow-hidden animate-in absolute top-cn-3xs z-[55] w-full outline-none": ""
     }
   }
-}, ze = {
+}, $e = {
   ".cn-page": {
     // Horizontal page padding for scrollable content. Mirrors the sticky header's padding
     // (see page-header-v2) so the header and the content below it stay edge-aligned.
@@ -2184,7 +2221,7 @@ const Se = {
       paddingTop: "var(--cn-page-container-spacing-py)"
     }
   }
-}, $e = {
+}, Re = {
   ".cn-pagination": {
     "&-root": {
       containerType: "inline-size",
@@ -2224,7 +2261,7 @@ const Se = {
       paddingInline: "var(--cn-pagination-btn-px)"
     }
   }
-}, Re = {
+}, Ie = {
   ".cn-popover": {
     "&-content": {
       display: "grid",
@@ -2308,7 +2345,7 @@ const Se = {
       }
     }
   }
-}, Ie = ["sm", "md", "lg"], Te = ["processing", "completed", "paused", "failed"], We = [
+}, Te = ["sm", "md", "lg"], We = ["processing", "completed", "paused", "failed"], Be = [
   "gray",
   "blue",
   "brown",
@@ -2324,7 +2361,7 @@ const Se = {
   "red",
   "violet",
   "yellow"
-], Be = {
+], Le = {
   green: "success",
   red: "danger",
   yellow: "warning"
@@ -2345,25 +2382,25 @@ const Se = {
     progressBg: "danger",
     color: "text-danger"
   }
-}, v = "var(--cn-comp-slider-track-progress-stripes)", Le = `linear-gradient(45deg,
+}, v = "var(--cn-comp-slider-track-progress-stripes)", He = `linear-gradient(45deg,
   ${v} 18.75%,
   transparent 18.75%,
   transparent 50%,
   ${v} 50%,
   ${v} 68.75%,
   transparent 68.75%,
-  transparent)`, He = (r) => r === "sm" ? "8px 8px" : r === "lg" ? "32px 32px" : "16px 16px";
-function Ae() {
+  transparent)`, Ae = (r) => r === "sm" ? "8px 8px" : r === "lg" ? "32px 32px" : "16px 16px";
+function De() {
   const r = {};
-  return Ie.forEach((e) => {
+  return Te.forEach((e) => {
     const n = {};
     n[" .cn-progress-root"] = {
       height: `var(--cn-progress-size-${e})`
     }, n[" .cn-progress-processing-fake"] = {
-      "background-size": He(e),
+      "background-size": Ae(e),
       "animation-name": `cnProgressBar-${e}`
     }, r[`&:where(.cn-progress-${e})`] = n;
-  }), Te.forEach((e) => {
+  }), We.forEach((e) => {
     const n = {};
     n[" .cn-progress-root::-webkit-progress-value"] = {
       "background-color": `var(--cn-comp-slider-track-${i[e].progressBg})`
@@ -2376,8 +2413,8 @@ function Ae() {
     }, n[" .cn-progress-subtitle"] = {
       color: `var(--cn-${i[e].color})`
     }, r[`&:where(.cn-progress-${e})`] = n;
-  }), We.forEach((e) => {
-    const t = `var(--cn-set-${Be[e] ?? e}-primary-bg)`;
+  }), Be.forEach((e) => {
+    const t = `var(--cn-set-${Le[e] ?? e}-primary-bg)`;
     r[`&:where(.cn-progress-color-${e})`] = {
       " .cn-progress-root::-webkit-progress-value": { "background-color": t },
       " .cn-progress-root::-moz-progress-bar": { "background-color": t },
@@ -2385,7 +2422,7 @@ function Ae() {
     };
   }), r;
 }
-const De = {
+const je = {
   ".cn-progress": {
     "&-container": {
       position: "relative"
@@ -2470,13 +2507,13 @@ const De = {
     },
     "&-processing-fake": {
       "background-color": "var(--cn-comp-slider-track-progress)",
-      "background-image": Le,
+      "background-image": He,
       "background-size": "16px 16px",
       height: "100%",
       width: "100%",
       animation: "cnProgressBar-md 0.8s linear infinite"
     },
-    ...Ae(),
+    ...De(),
     "@keyframes cnProgressIndeterminateAnimation": {
       "0%": {
         transform: "translateX(-100%)"
@@ -2510,7 +2547,7 @@ const De = {
       }
     }
   }
-}, je = {
+}, Ee = {
   "@property --cn-angle": {
     syntax: '"<angle>"',
     inherits: "true",
@@ -2576,7 +2613,7 @@ const De = {
       boxShadow: "0 0 3px 0 color-mix(in srgb, var(--cn-gradient-ai-stop-3) 30%, transparent), 0 0 12px 2px color-mix(in srgb, var(--cn-gradient-ai-stop-3) 15%, transparent), 0 0 28px 6px color-mix(in srgb, var(--cn-gradient-ai-stop-3) 8%, transparent)"
     }
   }
-}, Ee = {
+}, Pe = {
   ":where(.cn-radio-control)": {
     [`@apply ${l}`]: ""
   },
@@ -2661,7 +2698,7 @@ const De = {
       "@apply opacity-cn-disabled": ""
     }
   }
-}, Pe = {
+}, Oe = {
   ".cn-reasoning": {
     marginBottom: "var(--cn-spacing-4)"
   },
@@ -2714,7 +2751,7 @@ const De = {
       opacity: "0"
     }
   }
-}, Oe = {
+}, _e = {
   ".cn-repo": {
     "&-header": {
       paddingTop: "var(--cn-page-container-spacing-py)",
@@ -2729,7 +2766,7 @@ const De = {
       }
     }
   }
-}, _e = {
+}, Xe = {
   ".cn-sandbox-layout": {
     "&-content": {
       paddingTop: "var(--cn-page-container-spacing-py)",
@@ -2745,7 +2782,7 @@ const De = {
       paddingRight: "var(--cn-page-container-spacing-px)"
     }
   }
-}, Xe = {
+}, Ye = {
   ".cn-scroll-area": {
     "@apply overflow-auto grid min-w-full": "",
     "&-content": {
@@ -2767,10 +2804,10 @@ const De = {
       }
     }
   }
-}, Ye = ["danger", "warning"], Fe = ["sm"];
-function Ge() {
+}, Fe = ["danger", "warning"], Ge = ["sm"];
+function Ve() {
   const r = {};
-  return Ye.forEach((e) => {
+  return Fe.forEach((e) => {
     r[`&:where(.cn-select-${e}):not(:disabled)`] = {
       borderColor: `var(--cn-border-${e})`,
       boxShadow: `var(--cn-ring-${e})`,
@@ -2779,7 +2816,7 @@ function Ge() {
         boxShadow: `var(--cn-ring-${e}-hover)`
       }
     };
-  }), Fe.forEach((e) => {
+  }), Ge.forEach((e) => {
     r[`&.cn-select-${e}`] = {
       height: `var(--cn-input-size-${e})`
     }, r[`&.cn-select-${e} .cn-select-trigger`] = {
@@ -2787,7 +2824,7 @@ function Ge() {
     };
   }), r;
 }
-const Ve = {
+const Ne = {
   ".cn-select": {
     display: "flex",
     alignItems: "center",
@@ -2838,9 +2875,9 @@ const Ve = {
       aspectRatio: "1",
       height: "100%"
     },
-    ...Ge()
+    ...Ve()
   }
-}, Ne = {
+}, Me = {
   ".cn-shimmer": {
     position: "relative",
     display: "inline-block",
@@ -2851,7 +2888,7 @@ const Ve = {
     backgroundImage: "var(--shimmer-highlight), linear-gradient(var(--shimmer-color), var(--shimmer-color))",
     backgroundRepeat: "no-repeat, padding-box"
   }
-}, Me = {
+}, Ue = {
   ".cn-shortcut": {
     "&, &.cn-input-suffix": {
       display: "inline-flex",
@@ -2868,7 +2905,7 @@ const Ve = {
 }, d = (r) => ({
   color: r,
   "& svg, & path": { color: r, stroke: r, fill: "none" }
-}), Ue = {
+}), Ke = {
   ".cn-sidebar-item-content-title": { color: "var(--cn-comp-sidebar-item-text-hover)" },
   ".cn-sidebar-item-content-icon": { color: "var(--cn-comp-sidebar-item-text-hover)" }
 }, x = {
@@ -2884,7 +2921,7 @@ const Ve = {
       alignItems: "center"
     }
   }
-}, Ke = {
+}, qe = {
   "& .cn-input-prefix": {
     "@apply ml-0": ""
   },
@@ -2920,7 +2957,7 @@ const Ve = {
       opacity: "0"
     }
   }
-}, qe = {
+}, Je = {
   ".cn-sidebar": {
     "&.cn-sidebar": {
       display: "flex",
@@ -3092,7 +3129,7 @@ const Ve = {
             "&[data-active=false] .cn-sidebar-item-content": {
               backgroundColor: "var(--cn-state-hover)"
             },
-            ...Ue,
+            ...Ke,
             ".cn-sidebar-item-action-menu": { opacity: "1" },
             ".cn-sidebar-item-content-action-buttons": { display: "flex !important" },
             ".cn-sidebar-item-grip-handle": { opacity: "1" },
@@ -3312,7 +3349,7 @@ const Ve = {
         }
       }
     },
-    "&[data-state=collapsed]": Ke
+    "&[data-state=collapsed]": qe
   },
   ".cn-sidebar-popover-measurement": {
     position: "fixed",
@@ -3358,10 +3395,10 @@ const Ve = {
       backgroundColor: "var(--cn-comp-sidebar-separator)"
     }
   }
-}, Je = ["sm", "md", "lg", "xs"], Qe = ["2xs", "xs", "sm", "md", "lg", "xl"], Ze = ["xs", "sm", "md", "lg"], er = ["sm"];
-function rr() {
+}, Qe = ["sm", "md", "lg", "xs"], Ze = ["2xs", "xs", "sm", "md", "lg", "xl"], er = ["xs", "sm", "md", "lg"], rr = ["sm"];
+function nr() {
   const r = {};
-  return Je.forEach((e) => {
+  return Qe.forEach((e) => {
     r[`&:where(.cn-skeleton-avatar-${e})`] = {
       width: `var(--cn-avatar-size-${e})`,
       height: `var(--cn-avatar-size-${e})`
@@ -3369,22 +3406,22 @@ function rr() {
   }), r;
 }
 function w(r) {
-  const e = r === "icon" ? Qe : Ze, n = {};
+  const e = r === "icon" ? Ze : er, n = {};
   return e.forEach((t) => {
     const a = {};
     a.width = `var(--cn-${r}-size-${t})`, a["min-width"] = `var(--cn-${r}-size-${t})`, a.height = `var(--cn-${r}-size-${t})`, a["min-height"] = `var(--cn-${r}-size-${t})`, n[`&:where(.cn-skeleton-${r}-${t})`] = a;
   }), n;
 }
-function nr() {
+function ar() {
   const r = {};
-  return er.forEach((e) => {
+  return rr.forEach((e) => {
     r[`&.cn-skeleton-form-item-${e}`] = {
       padding: `var(--cn-input-${e}-py) var(--cn-input-${e}-pr) var(--cn-input-${e}-py) var(--cn-input-${e}-pl)`,
       height: `var(--cn-input-size-${e})`
     };
   }), r;
 }
-const ar = {
+const tr = {
   ".cn-skeleton": {
     "&-base": {
       backgroundImage: "var(--cn-comp-skeleton-bg)",
@@ -3399,7 +3436,7 @@ const ar = {
       "&:where(.cn-skeleton-avatar-rounded)": {
         borderRadius: "var(--cn-avatar-radius-rounded)"
       },
-      ...rr()
+      ...nr()
     },
     "&-icon": {
       ...w("icon")
@@ -3435,7 +3472,7 @@ const ar = {
         border: "var(--cn-input-border) solid var(--cn-border-2)",
         borderRadius: "var(--cn-input-radius)",
         backgroundColor: "var(--cn-comp-input-bg)",
-        ...nr()
+        ...ar()
       }
     },
     "&-list": {
@@ -3456,7 +3493,7 @@ const ar = {
       backgroundPosition: "-200% 0"
     }
   }
-}, tr = {
+}, or = {
   ".cn-slider": {
     display: "flex",
     flexDirection: "column",
@@ -3732,7 +3769,7 @@ const ar = {
       }
     }
   }
-}, or = {
+}, cr = {
   ".cn-dual-pane-stepper-root": {
     display: "flex",
     flexDirection: "column",
@@ -3811,7 +3848,7 @@ const ar = {
       flexShrink: "0"
     }
   }
-}, cr = {
+}, ir = {
   ".cn-single-pane-stepper-root": {
     display: "flex",
     flexDirection: "column",
@@ -3862,7 +3899,7 @@ const ar = {
       flexShrink: "0"
     }
   }
-}, ir = {
+}, dr = {
   ".cn-flow-stepper-card": {
     position: "relative",
     background: "var(--cn-bg-1)",
@@ -3976,7 +4013,7 @@ const ar = {
     gap: "var(--cn-spacing-2)",
     flexShrink: "0"
   }
-}, dr = {
+}, sr = {
   ".cn-yaml-output-panel": {
     display: "flex",
     flexDirection: "column",
@@ -3996,7 +4033,7 @@ const ar = {
     minHeight: "0",
     overflow: "hidden"
   }
-}, sr = {
+}, lr = {
   ".cn-stacked-list": {
     "@apply w-full bg-cn-1 border rounded-cn-3": "",
     "& > *:first-child > .cn-stacked-list-item": {
@@ -4097,7 +4134,7 @@ const ar = {
     background: "var(--cn-border-2)",
     pointerEvents: "none"
   }
-}, lr = {
+}, pr = {
   ".cn-stepper": {
     minWidth: "200px",
     width: "100%",
@@ -4565,7 +4602,7 @@ const ar = {
       backgroundClip: "unset"
     }
   }
-}, pr = {
+}, br = {
   ".cn-sticky-list-section": {
     "@apply relative": "",
     "&-sentinel": {
@@ -4616,7 +4653,7 @@ const ar = {
   }
 }, S = {
   boxShadow: "0 4px 6px -1px lch(from var(--cn-shadow-color-3) l c h / 0.05), 0 2px 8px -2px lch(from var(--cn-shadow-color-3) l c h / 0.05)"
-}, br = {
+}, gr = {
   ".cn-studio-card": {
     borderRadius: "var(--cn-rounded-4)",
     border: "1px solid var(--cn-border-2)",
@@ -4988,7 +5025,7 @@ const ar = {
       }
     }
   }
-}, gr = {
+}, vr = {
   ".cn-switch-wrapper": {
     display: "flex",
     gap: "var(--cn-spacing-2-half)",
@@ -5077,7 +5114,7 @@ const ar = {
     },
     "@apply truncate": ""
   }
-}, h = "linear-gradient(var(--cn-table-pinned-overlay), var(--cn-table-pinned-overlay)), var(--cn-table-pinned-base)", vr = {
+}, h = "linear-gradient(var(--cn-table-pinned-overlay), var(--cn-table-pinned-overlay)), var(--cn-table-pinned-base)", ur = {
   ".cn-table-v2": {
     "@apply w-full": "",
     // Table container
@@ -5276,7 +5313,7 @@ const ar = {
   ".cn-row-pin-on": {
     opacity: "1"
   }
-}, ur = {
+}, hr = {
   ".cn-tabs-scroll-container": {
     position: "relative",
     width: "100%",
@@ -5501,7 +5538,7 @@ const ar = {
       "@apply opacity-cn-disabled": ""
     }
   }
-}, hr = [
+}, mr = [
   "gray",
   "blue",
   "brown",
@@ -5517,7 +5554,7 @@ const ar = {
   "red",
   "violet",
   "yellow"
-], mr = {
+], xr = {
   green: "success",
   red: "danger",
   yellow: "warning"
@@ -5527,8 +5564,8 @@ const ar = {
 });
 function $(r) {
   const e = {};
-  return hr.forEach((n) => {
-    const t = mr[n] ?? n, a = r === "outline", o = {
+  return mr.forEach((n) => {
+    const t = xr[n] ?? n, a = r === "outline", o = {
       color: `var(--cn-set-${t}-${a ? "outline-text" : "secondary-text"})`,
       backgroundColor: `var(--cn-set-${t}-${a ? "outline-bg" : "secondary-bg"})`,
       borderColor: `var(--cn-set-${t}-${a ? "outline-border" : "secondary-bg"})`,
@@ -5555,7 +5592,7 @@ function $(r) {
     e[`&:where(.cn-tag-${t})`] = o;
   }), e;
 }
-const xr = {
+const fr = {
   ".cn-tag": {
     display: "inline-flex",
     alignItems: "center",
@@ -5610,10 +5647,10 @@ const xr = {
       "@apply truncate leading-normal align-middle inline-block": ""
     }
   }
-}, fr = ["danger", "warning"], yr = ["sm"];
-function wr() {
+}, yr = ["danger", "warning"], wr = ["sm"];
+function kr() {
   const r = {};
-  return fr.forEach((e) => {
+  return yr.forEach((e) => {
     r[`&:where(.cn-textarea-${e}):not(:disabled)`] = {
       borderColor: `var(--cn-border-${e})`,
       boxShadow: `var(--cn-ring-${e})`,
@@ -5626,13 +5663,13 @@ function wr() {
         boxShadow: `var(--cn-ring-${e})`
       }
     };
-  }), yr.forEach((e) => {
+  }), wr.forEach((e) => {
     r[`&.cn-textarea-${e}`] = {
       padding: `var(--cn-input-${e}-py) var(--cn-input-${e}-pr) var(--cn-input-${e}-py) var(--cn-input-${e}-pl)`
     };
   }), r;
 }
-const kr = {
+const Cr = {
   ".cn-textarea": {
     borderRadius: "var(--cn-input-radius)",
     padding: "var(--cn-input-md-py) var(--cn-input-md-pr) var(--cn-input-md-py) var(--cn-input-md-pl)",
@@ -5671,7 +5708,7 @@ const kr = {
     "&-resizable": {
       resize: "vertical"
     },
-    ...wr(),
+    ...kr(),
     "&-label-wrapper": {
       display: "flex",
       alignItems: "center",
@@ -5692,7 +5729,7 @@ const kr = {
       }
     }
   }
-}, Cr = {
+}, Sr = {
   ".cn-time-ago-card": {
     "&-trigger": {
       "@apply leading-snug whitespace-nowrap truncate max-w-full": "",
@@ -5714,7 +5751,7 @@ const kr = {
       "@apply grid grid-cols-[auto_1fr_auto] items-center whitespace-nowrap": ""
     }
   }
-}, Sr = {
+}, zr = {
   ".cn-time-input": {
     // Hide the native time picker indicator across browsers so the
     // configurable IconV2 icon is the only affordance shown.
@@ -5726,7 +5763,7 @@ const kr = {
       "-webkit-appearance": "none"
     }
   }
-}, zr = {
+}, $r = {
   ".cn-toast-wrapper": {
     right: "var(--cn-toast-offset-right)",
     bottom: "var(--cn-toast-offset-bottom)"
@@ -5802,9 +5839,9 @@ const kr = {
       }
     }
   }
-}, $r = ["xs", "sm", "md"], Rr = () => {
+}, Rr = ["xs", "sm", "md"], Ir = () => {
   const r = {};
-  return $r.forEach((e) => {
+  return Rr.forEach((e) => {
     r[`&.cn-toggle-${e}.cn-toggle-transparent.cn-toggle-text`] = {
       paddingLeft: `var(--cn-btn-px-${e})`,
       paddingRight: `var(--cn-btn-px-${e})`,
@@ -5813,15 +5850,15 @@ const kr = {
       border: "var(--cn-btn-border) solid transparent"
     };
   }), r;
-}, Ir = {
+}, Tr = {
   ".cn-toggle": {
     transitionDuration: "100ms",
-    ...Rr(),
+    ...Ir(),
     '&[data-state="on"]': {
       color: "var(--cn-text-1)"
     }
   }
-}, Tr = {
+}, Wr = {
   ".cn-toggle-group": {
     gap: "var(--cn-layout-3xs)",
     "@apply flex": "",
@@ -5829,7 +5866,7 @@ const kr = {
       "@apply flex-col": ""
     }
   }
-}, Wr = {
+}, Br = {
   ".cn-tooltip": {
     minWidth: "var(--cn-tooltip-min)",
     maxWidth: "var(--cn-tooltip-max)",
@@ -5885,7 +5922,7 @@ const kr = {
   "@apply text-cn-2 font-body-normal": "",
   minHeight: "var(--cn-tree-item-height)",
   padding: "var(--cn-tree-item-py) var(--cn-tree-item-pr) var(--cn-tree-item-py)"
-}, Br = {
+}, Lr = {
   ".cn-file-tree": {
     "&-base-item": {
       ...R
@@ -5931,79 +5968,80 @@ const kr = {
       }
     }
   }
-}, Lr = [
+}, Hr = [
   H,
   E,
   V,
   Z,
-  le,
-  gr,
-  xe,
-  xr,
+  pe,
+  vr,
   fe,
+  fr,
+  ye,
   _,
   ae,
   te,
-  $e,
-  De,
-  ie,
+  Re,
+  je,
+  de,
   re,
-  ur,
-  ce,
-  ze,
-  Oe,
+  hr,
+  ie,
+  $e,
   _e,
   Xe,
-  Re,
-  Wr,
-  zr,
-  qe,
+  Ye,
+  Ie,
+  Br,
+  $r,
+  Je,
   N,
-  ve,
-  Cr,
-  Me,
-  Ir,
+  ue,
+  Sr,
+  Ue,
   Tr,
+  Wr,
   ee,
-  je,
-  ar,
-  sr,
-  pr,
+  Ee,
+  tr,
+  lr,
   br,
-  Br,
+  gr,
+  Lr,
+  ke,
   we,
-  ye,
-  Pe,
-  Ne,
-  tr,
+  Oe,
+  Me,
   or,
   cr,
   ir,
   dr,
-  lr,
+  sr,
+  pr,
   // Form styles
-  Ve,
-  pe,
+  Ne,
+  be,
   oe,
-  Ee,
-  kr,
-  me,
+  ce,
+  Pe,
+  Cr,
+  xe,
   ne,
-  Se,
-  Sr,
-  vr
-], Hr = {
+  ze,
+  zr,
+  ur
+], Ar = {
   content: [],
   plugins: [
     B(({ addComponents: r }) => {
-      r(Lr);
+      r(Hr);
     })
   ]
-}, jr = {
-  presets: [Hr, L],
+}, Er = {
+  presets: [Ar, L],
   content: ["./src/**/*.{ts,tsx}"]
 };
 export {
-  jr as default
+  Er as default
 };
 //# sourceMappingURL=tailwind.config.js.map